body {
    background-color: #f9f9f9;
    font-family: 'Open Sans', sans-serif;
    /*font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;*/
    color: #4a4a4a;
    font-size: 13px;
    margin: 0;
    padding: 0;
}

.captchablock {
    min-width: 215px;
    display: inline-block;
}

.center {
    right: 30px;
    width: 20px;
    height: 20%;
    top: 21px;
    background: transparent;
    position: absolute;
    text-align: center;
    margin-right: 12px;
}





.lds-ring {
    display: inline-block;
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0px;
}

    .lds-ring div {
        box-sizing: border-box;
        display: block;
        position: absolute;
        width: 35px;
        height: 35px;
        margin: 6px;
        border: 6px solid red;
        border-radius: 50%;
        animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        border-color: red transparent transparent transparent;
    }

        .lds-ring div:nth-child(1) {
            animation-delay: -0.45s;
        }

        .lds-ring div:nth-child(2) {
            animation-delay: -0.3s;
        }

        .lds-ring div:nth-child(3) {
            animation-delay: -0.15s;
        }

/*//////////////////////*/
.Blink {
    animation: blinker 1.5s cubic-bezier(.5, 0, 1, 1) infinite alternate;
    color: red;
}

@keyframes blinker {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
/*/////////////////////*/



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







.diamond {
    border-radius: 50%;
    min-width: 100px;
    color: #fff;
    line-height: 10px;
    text-align: center;
    background: #f0ad4e;
    padding: 05px;
}
/*///////////////////////////////*/
.coloranimation {
    font-style: italic;
    font-family: unset;
    margin: 0 auto;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    padding-top: 3px;
    padding-bottom: 5px;
    -webkit-animation: colorchange 15s infinite alternate;
}
/*///////*/

.stripe {
    color: black;
    background: repeating-linear-gradient( 45deg, transparent, transparent 10px, #ccc 10px, #ccc 20px ), linear-gradient( to bottom, #eee, #999 );
}
/*/////////////////////////*/


@-webkit-keyframes colorchange {
    0% {
        color: blue;
    }

    10% {
        color: #8e44ad;
    }

    20% {
        color: #1abc9c;
    }

    30% {
        color: #d35400;
    }

    40% {
        color: blue;
    }

    50% {
        color: #34495e;
    }

    60% {
        color: blue;
    }

    70% {
        color: #2980b9;
    }

    80% {
        color: #f1c40f;
    }

    90% {
        color: #2980b9;
    }

    100% {
        color: pink;
    }
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


/*.btn-group-sm>.btn, .btn-sm {
    border-radius:0px !important;
}*/

#btnColapsMenue {
    display: none;
    position: absolute;
    top: -14px;
    left: -1px;
    background-color: #106bab;
    color: white;
}

.collapse.in {
    display: block;
    padding-left: 0px !important;
    overflow-x: hidden;
}





/*------------Message Box-------------*/


.divMessageBox {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.15);
    z-index: 100000;
}

.MessageBoxMiddle {
    position: relative;
    left: 20%;
    width: 60%;
}

.MessageBoxContainer {
    top: 35%;
    color: #fff;
    position: fixed;
    width: 100%;
    background-color: #232323;
    /*background-color: rgba(0,0,0,.5);*/
    background-color: rgba(54, 78, 25, 0.65);
    padding: 20px;
}

.MessageBoxButtonSection {
    width: 98%;
    height: 50px;
    text-align: right;
}
/*Failed*/
.divMessageBoxFailed {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.6);
    z-index: 100000;
}

.MessageBoxMiddleFailed {
    position: relative;
    left: 20%;
    width: 60%;
}

.MessageBoxContainerFailed {
    top: 35%;
    color: #fff;
    position: fixed;
    width: 100%;
    background-color: #232323;
    /*background-color: rgba(0,0,0,.5);*/
    background-color: rgba(202, 14, 14, 0.59);
    padding: 20px;
}

.MessageBoxButtonSectionFailed {
    width: 98%;
    height: 50px;
    text-align: right;
}


#gridcontainer {
    height: 200px;
    width: 800px;
    overflow: auto;
}



.OVS {
    /*margin-left: 1px 1px 1px 5px;*/
}

.TitleLogo {
    webkit-user-select: none;
    margin: auto;
    float: left;
    width: 40px;
    height: 40px;
    margin-top: 22px;
}

/* Profile sidebar */
.OVSSIDEBAR {
    padding: 0px 0 0px 0;
    background: #f2f2f2;
}

.profile-userpic img {
    float: none;
    margin: 0 auto;
    width: 50%;
    height: 50%;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}


.MenueRight {
    padding-right: 0px;
    max-width: 20%;
}

.MenueLeft {
    min-width: 80%;
}



.OVSMENUE {
    margin: 0px 0px 0px 0px;
    max-width: 100%;
}

    .OVSMENUE ul li {
        border-top: solid 1px #dddddb;
    }

        .OVSMENUE ul li:last-child {
            border-bottom: none;
        }

        .OVSMENUE ul li a {
            color: #626262;
            font-size: 13px;
            font-weight: 300;
            border-left: #d7d7d7 6px solid;
            padding-top: 6px;
            padding-bottom: 6px;
            padding-left: 5px;
        }

        .OVSMENUE ul li a {
            margin-right: 0px;
            padding-left: 10px;
            font-size: 13px;
            /*color:black;*/
        }

            .OVSMENUE ul li a:hover {
                background: #72bf44 !important;
                color: white;
                border-left: #116cab 6px solid;
                transition: 0.2s;
            }



.OVSMENUEVISITED {
    animation: selectedeffect 1s ease-out;
    color: white !important;
    border-left: Red 6px solid !important;
    background: #72bf44 !important;
    text-decoration: none;
    /*height: 28px;*/
    font-size: 13px;
    color: #fff;
    border-top: none;
    border-bottom: none;
    /*border-top: solid 1px #dddddb;*/
}

    .OVSMENUEVISITED i {
        border-color: red;
    }

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        opacity: 0.0;
    }

    50% {
        opacity: 1.0;
    }

    100% {
        -webkit-transform: scale(1.2, 1.2);
        opacity: 0.0;
    }
}
/*.OVSMENUEVISITED i {
    color: Black !important;   
}*/


.OVSMENUEVISITED:after, OVSMENUEVISITED:before {
    margin-top: -0.3em;
    margin-right: -1.5em; /*2*/
    content: "";
    float: right;
    border: 1em solid transparent;
    top: 500px;
}

.OVSMENUEVISITED:after {
    border-right-color: #f5f5f5;
}

.OVSMENUEVISITED:before {
    border-left-color: #f5f5f5;
}

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

.OVSMENUEVISITEDMULTILINE {
    animation: selectedeffect 1s ease-out;
    color: white !important;
    border-left: Red 6px solid !important;
    background: #72bf44 !important;
    text-decoration: none;
    /*height: 28px;*/
    font-size: 13px;
    color: #fff;
    border-top: none;
    border-bottom: none;
    /*border-top: solid 1px #dddddb;*/
}

    .OVSMENUEVISITEDMULTILINE i {
        border-color: red;
    }



    .OVSMENUEVISITEDMULTILINE:after, OVSMENUEVISITEDMULTILINE:before {
        margin-top: -0.9em;
        margin-right: -1.5em; /*2*/
        content: "";
        float: right;
        border: 1em solid transparent;
        top: 500px;
    }

    .OVSMENUEVISITEDMULTILINE:after {
        border-right-color: #f5f5f5;
    }

    .OVSMENUEVISITEDMULTILINE:before {
        border-left-color: #f5f5f5;
    }

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


.OVSMENUE ul li span {
    /*position: relative;
    display: block;
    padding: 3px 1px;
    font-size: 16px;
    color: #f5f5f5;
    background: #116cab;
    border-left: #116cab 6px solid !important;
    text-shadow: -1px -1px 1px rgba(6, 3, 23, 0.98), 1px 1px 1px rgba(33, 50, 66, 0.72);*/
    display: block;
    padding: 8px 0 0 08px;
    background-color: #116cab;
    font-weight: 600;
    text-decoration: none;
    height: 28px;
    font-size: 13px;
    color: #fff;
    border-bottom: none;
    height: 34px;
    border: none;
    border-left: solid 6px #72bf44;
}


/*.profile-usermenu ul li.active {
            border-bottom: none;
        }



            .profile-usermenu ul li.active a {
                color: #5b9bd1;
                background-color: #f6f9fb;
                border-left: 2px solid #5b9bd1;
                margin-left: -2px;
            }*/



/*Menue download button*/
.menudownload {
    top: 10px;
}

.menudownloadmultiline {
    top: 16px;
}


/* Profile Content */
.profile-content {
    padding: 0px;
    background: transparent;
    /*min-height: 454px;*/
    padding-right: 15px;
    padding-left: 0px;
    overflow: auto;
    max-width: 100%;
}

#btnverification {
    float: left !important;
    margin-left: 02px;
}

#btnHelp {
    float: left !important;
    margin-left: 08px;
    padding: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

button, input, select, textarea {
    height: 33px !important;

    border: 1px solid #ddd;
    border-radius: 0px !important;
    padding-left: 03px;
    background-color: #f5f5f5;
}
.dvinputdate {
    width:100px;
}



.capt {
    /*top: -30px;*/
    background-color: #f5f5f5;
    width: 300px;
    height: 54px;
}

#mainCaptcha {
    position: initial;
    left: 02px;
    top: 10px;
    font-size: 20px;
    font-weight: 900;
    font-size: 20px;
    color: #0C0;
    /*pointer-events: none;*/
}

#refresh {
    /*position: initial;*/
    /*left: 230px;*/
    width: 30px;
    height: 30px;
}

#txtInput {
    width: 80px;
    height: 24px;
}

#Button1 {
    padding-left: 2px;
    padding-right: 2px;
    width: 20px;
}

#txtInput, #Button1 {
    position: inherit;
    /*left: 05px;
            bottom: 56px;*/
}




/*////////////////////////       Stylesheet of adeel gill                      */

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


/*.temp_wrapper{ width:1047px; margin:0 auto;}*/

/* Flow Diagram CSS */

.flow-wrapper {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    padding: 0px;
}

    .flow-wrapper h1 {
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
        font-size: 30px;
        text-align: center;
        color: #106bab;
        margin: 30px 0 05px 0;
        padding: 0;
    }

    .flow-wrapper ul {
        margin: 0 auto;
        padding: 0;
        width: 57%;
        list-style: none;
        height: 62px;
        border-bottom: dashed 1px #999;
    }

        .flow-wrapper ul li {
            font-family: 'Open Sans', sans-serif;
            display: inline-block;
            width: 177px;
            font-weight: 300;
            font-size: 16px;
            color: #606060;
            line-height: 18px;
        }

            .flow-wrapper ul li.lefty {
                margin-top: -26px;
                margin-left: -120px;
            }

            .flow-wrapper ul li.centery {
                margin-top: -26px;
                float: none;
                width: 300px;
            }

            .flow-wrapper ul li.righty {
                margin-top: 26px;
                margin-right: -120px;
            }

.circle_left {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #106bab;
    margin: 0 auto;
    margin-top: 14px;
    margin-right: 83px;
}

.circle_center {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #106bab;
    margin: 0 auto;
    margin-top: 14px;
    margin-right: 146px;
}

.circle_right {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #106bab;
    margin: 0 auto;
    margin-top: 14px;
    margin-right: 83px;
}

.misc_text {
    width: 100%;
    text-align: center;
    margin-top: 40px;
    font-size: 15px;
    color: #343434;
    font-family: 'Open Sans', sans-serif;
    line-height: 25px;
}

    .misc_text span {
        font-size: 18px;
    }

        .misc_text span.bl {
            color: #106bab;
        }

/* Flow Diagram CSS */

.inner_wrapper {
    width: 100%;
    margin: 0 auto;
}

.page_heading {
    width: 100%;
    margin-bottom: 5px;
}

    .page_heading h1 {
        font-family: 'Open Sans', sans-serif;
        font-weight: bold;
        font-size: 18px;
        text-align: left;
        color: #106bab;
        margin: 0;
        padding: 0;
    }

.filter_panel {
    width: 100%;
}

    .filter_panel h2 {
        font-family: 'Open Sans', sans-serif;
        font-weight: 500;
        width: 100%;
        font-size: 15px;
        text-align: left;
        color: #4a4a4a;
        margin: 0 0 5px 0;
        padding: 0;
    }

.padding_set {
    padding: 10px;
}

.filter_panel_blk {
    width: 100%;
    background-color: #fff;
    border: solid 1px #f2f2f2;
    border-bottom: solid 4px #f2f2f2;
}

.filter_form_blk1 {
    width: 30%;
    margin-bottom: 8px;
    display: inline-block;
    padding-right: 10px;
    vertical-align: top;
}

.filter_form_blk2 {
    width: 40%;
    margin-bottom: 8px;
    display: inline-block;
    padding-right: 10px;
    vertical-align: top;
}

.filter_form_blk2a {
    width: 45%;
    margin-bottom: 8px;
    display: inline-block;
    padding-right: 10px;
    vertical-align: top;
}

.filter_form_blk3 {
    width: 27%;
    margin-bottom: 0px;
    display: inline-block;
    padding-right: 0px;
    vertical-align: top;
}

.filter_btns_blk {
    width: 100%;
    text-align: right;
    padding-right: 0;
    margin-top: 8px;
    float: right;
}

.filter_btns_blk2 {
    text-align: left;
    padding-right: 0;
    margin-left: 8px;
    display: inline-block;
    margin-top: 5px;
}

.filter_form label {
    display: inline-block;
    margin: 5px 5px 0 0;
}

.filter_form select {
    display: inline-block;
    vertical-align: middle;
    margin: 5px 0px 5px 0;
    padding: 8px 0 8px 8px;
    background-color: #fff;
    border: 1px solid #ddd;
    color: #828282;
    width: 64%;
}

.filter_form_input1 {
    display: inline-block;
    vertical-align: middle;
    margin: 5px 0px 5px 0;
    padding: 8px 0 8px 8px;
    background-color: #fff;
    border: 1px solid #ddd;
    color: #828282;
    width: 71%;
}

.filter_form_inputdate {
    display: inline-block;
    vertical-align: middle;
    margin: 5px 0px 5px 0;
    padding: 8px 3px 8px 8px;
    background-color: #fff;
    border: 1px solid #ddd;
    color: #828282;
    background-image: url('../images/calendar_icon.png');
    background-repeat: no-repeat;
    background-position: 99% 45%;
    width: 85%;
}

.filter_form_input2 {
    display: inline-block;
    vertical-align: middle;
    margin: 5px 0px 5px 0;
    padding: 8px 0 8px 8px;
    background-color: #fff;
    border: 1px solid #ddd;
    color: #828282;
    width: 72%;
    float: right;
}

.filter_form_captcha_code {
    font-size: 25px;
    color: #0C0;
    font-weight: bold;
    vertical-align: middle;
    margin-right: 10px;
}


.primary_button {
    padding: 9px 20px;
    background-color: #106bab;
    border: 1px solid #e2e2e2;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

    .primary_button:hover {
        border: 1px solid #e2e2e2;
        background-color: #959595;
        color: #fff;
    }

.grey_button {
    padding: 9px 20px;
    background-color: #f9f9f9;
    border: 1px solid #e2e2e2;
    color: #106bab;
    font-weight: 600;
    font-size: 12px;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

    .grey_button:hover {
        background-color: #fff;
        color: #8b8b8b;
    }


.details_panel {
    width: 100%;
}

    .details_panel h2 {
        font-family: 'Open Sans', sans-serif;
        font-weight: 500;
        width: 100%;
        font-size: 15px;
        text-align: left;
        color: #4a4a4a;
        margin: 10px 0 5px 0;
        padding: 0;
    }

.timestamp_section {
    float: right;
    font-size: 11px;
    color: #8298a7;
}

.printicon_section {
    float: right;
    margin-left: 10px;
    margin-right: 10px;
}

.details_panel_blk {
    width: 100%;
    background-color: #fff;
    padding: 0;
    border: solid 1px #f2f2f2;
    border-bottom: solid 4px #f2f2f2;
}

.details_panel_blk_row1 {
    padding: 0 0 15px 0;
}

.details_panel_blk_row2 {
    border-top: solid 1px #e2e2e2;
    padding: 15px 0 15px 0;
    margin-bottom: 20px;
    overflow: auto;
}

.details_panel_blk_col {
    display: inline-block;
    padding-right: 45px;
    padding-left: 13px;
    font-size: 14px;
    text-align: left;
    vertical-align: text-top;
    line-height: 18px;
    color: #4a4a4a;
}

    .details_panel_blk_col span {
        font-size: 14px;
        color: #106bab;
        font-weight: 600;
    }

.details_panel_blk_col_br {
    border-right: solid 1px #e2e2e2;
}

.text_active {
    color: #72bf44 !important;
}

.text_inactive {
    color: #f44e4e !important;
}

.text_disable {
    color: #b6b6b6 !important;
}

.sms_blk {
    float: left;
    margin-left: 10px;
}

.smstxt_blk {
    float: left;
    margin-top: 15px;
    margin-left: 20px;
    font-size: 14px;
    font-weight: 600;
    color: #494949;
}

.blutxtL {
    font-size: 20px;
    font-weight: 600;
    color: #106bab;
}

.blutxtS {
    font-size: 14px;
    font-weight: 600;
    color: #106bab;
}

.greentxtL {
    font-size: 20px;
    font-weight: 600;
    color: #72bf44;
}

.Green_bg_blk {
    float: left;
    background-color: #116cab;
    border-top: solid 4px #72bf44;
    width: 100%;
    margin-bottom: 10px;
    font-weight: 400;
    color: white;
    padding-left: 10px;
}

.inquiry-table table {
    width: 100%;
}

    .inquiry-table table th {
        background-color: #959595;
        padding: 10px 5px 10px 8px;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        text-align: left;
    }

.inquiry-table-border {
    border-right: solid 1px #fff;
}

.inquiry-table table td {
    padding: 10px 5px 10px 8px;
    color: #717171;
    font-size: 13px;
    font-weight: 300;
    vertical-align: text-top;
}

    .inquiry-table table td.compname {
        color: #106bab;
        font-weight: 600;
    }


.inquiry-table tr {
    background: #fff;
}
    /*  Define the background color for all the ODD background rows  */
    .inquiry-table tr:nth-child(odd) {
        background: #f2f2f2;
    }
    /*  Define the background color for all the EVEN background rows  */
    .inquiry-table tr:nth-child(even) {
        background: #fff;
    }



@media (max-width: 767px) {



    .flow-wrapper ul li.lefty {
        margin-top: -26px;
        margin-left: -70px;
    }

    .circle_left {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #106bab;
        margin: 0 auto;
        margin-top: 14px;
        margin-right: 90px;
    }

    .flow-wrapper ul li.centery {
        margin-top: -26px;
        float: none;
        width: 102px;
    }

    .circle_center {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #106bab;
        margin: 0 auto;
        margin-top: 14px;
        margin-right: 50px;
    }

    .circle_right {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #106bab;
        margin: 0 auto;
        margin-top: 14px;
        margin-right: 47px;
    }

    .flow-wrapper {
        width: 300px;
        margin: 0 auto;
        text-align: center;
        padding: 20px;
    }

        .flow-wrapper ul {
            margin: 0 auto;
            padding: 0;
            width: 250px;
            list-style: none;
            height: 62px;
            border-bottom: dashed 1px #999;
        }

            .flow-wrapper ul li {
                font-family: 'Open Sans', sans-serif;
                display: inline-block;
                width: 100px;
                font-weight: 300;
                font-size: 12px;
                color: #606060;
                line-height: 18px;
            }
}

@media (max-width: 767px) {
    .collapse.in {
        display: block;
        padding-left: 0px !important;
        overflow-x: hidden;
    }

    .navbar {
        margin-bottom: 0px;
        min-height: 0px;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: black;
        left: 0px;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #333;
        }

    #menuecontroler {
        display: inline;
    }

    #btnColapsMenue {
        display: block;
        width: 101%;
    }

    .OVSMENUE {
        width: 100%;
        background-color: #f2f2f2;
        padding-left: 15px;
    }
}
/*Mobile*/
@media (max-width: 767px) {

    #dvinput {
        width: 100% !important;
        max-width: 100% !important;
    }

    #dvinputdate {
        min-width:250px;
        width: 100% !important;
        max-width: 100% !important;
    }

    input, input, select {
        width: 100% !important;
    }

    #btnverification, #btnHelp {
        width: 100% !important;
        /*padding-left: 20px !important;*/
        /*float: left !important;*/
        margin: 03px;
    }

    #PageInfo {
        font-size: 20px !important;
    }

    .TitleLogo {
        float: none;
        width: 50px;
    height: 50px;
    }

    

    #FBRLogo {
        width: 250px !important;
        padding: 0px;
        padding-top: 10px;
        position: absolute;
        clip: rect(0, 80px, 49px, 0);
    }

      #ctl00_FBRLogo {
        width: 250px !important;
        padding: 0px;
        padding-top: 10px;
        position: absolute;
        clip: rect(0, 80px, 49px, 0);
    }

    #VerificationLogo {
        width: 300px !important;
        height: 50px !important;
    }
    #ctl00_VerificationLogo{
        width: 300px !important;
        height: 50px !important;
    }


    #dvPageInfo {
        text-align: center;
    }

    #PageInfo {
        font-weight: normal !important;
    }

    #dvlabel {
        padding-left: 17px;
        font-weight: bold;
    }

    #txtInput {
        width: 58% !important;
        float: left;
    }

    #mainCaptcha {
        width: 203px !important;
        padding-bottom: 10px !important;
        text-align: center;
        padding-left: 0px;
        color: #0C0;
        pointer-events: none;
    }

    .profile-content {
        padding-left: 15px;
        padding-right: 0px;
    }

    .panel-body {
        padding-left: 0px;
    }
    /*#dvButton .pull-right {
    float:none !important;
    width:100%;
   
    }*/
    #dvButton {
        float: none !important;
        padding-right: 0px;
        padding-left: 0px;
    }

        #dvButton .pull-right {
            float: left !important;
        }

    btnVerificationPrint {
    }

    .MenueRight {
        max-width: 100%;
    }

    .MenueLeft {
        min-width: 100%;
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .welcome-wrapper h1 {
        margin: 0px 0 0 0;
    }

    .inner_wrapper2 {
        height: 300px;
    }

    .captchablock {
        /*background:green;*/
        width: 100%;
    }

    /*.menudownloadmultiline
{
top:10px;
}*/
    /*.pulsate-css-double {
       top: 9px !important;        
    }*/


}

/*iPad in portrait*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {


    .flow-wrapper ul li.lefty {
        margin-top: -26px;
        margin-left: -70px;
    }

    .circle_left {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #106bab;
        margin: 0 auto;
        margin-top: 14px;
        margin-right: 90px;
    }

    .flow-wrapper ul li.centery {
        margin-top: -26px;
        float: none;
        width: 102px;
    }

    .circle_center {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #106bab;
        margin: 0 auto;
        margin-top: 14px;
        margin-right: 50px;
    }

    .circle_right {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #106bab;
        margin: 0 auto;
        margin-top: 14px;
        margin-right: 47px;
    }

    .flow-wrapper {
        width: 300px;
        margin: 0 auto;
        text-align: center;
        padding: 20px;
    }

        .flow-wrapper ul {
            margin: 0 auto;
            padding: 0;
            width: 250px;
            list-style: none;
            height: 62px;
            border-bottom: dashed 1px #999;
        }

            .flow-wrapper ul li {
                font-family: 'Open Sans', sans-serif;
                display: inline-block;
                width: 100px;
                font-weight: 300;
                font-size: 12px;
                color: #606060;
                line-height: 18px;
            }

    #mainCaptcha {
        position: sticky !important;
        pointer-events: none;
    }
}


@media only screen and (min-device-width : 1013px) and (max-device-width : 1366px) {
    .profile-content {
        padding: 0px;
        background: transparent;
        /*min-height: 454px;*/
        padding-right: 15px;
        padding-left: 15px;
        overflow: auto;
        max-width: 100%;
    }
}

@media (min-width : 780px) and (max-width : 1250px) {
    .MenueRight {
    }

    .MenueLeft {
        /*background-color:silver;*/
    }

    .profile-content {
        padding: 0px;
        background: transparent;
        padding-right: 0px;
        padding-left: 50px;
        overflow: auto;
        max-width: 100%;
    }

    .flow-wrapper {
        width: 99%;
    }
}




/*--------------------------------------------------FOnts-----------------------------*/

/*chrome*/


/* cyrillic-ext */



@font-face {
    font-family: 'FontAwesome';
    src: url($as-font-path + 'fontawesome-webfont.eot?v=4.3.0');
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(webfonts/mem6YaGs126MiZpBA-UFUK0Udc1UAw.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(webfonts/mem6YaGs126MiZpBA-UFUK0ddc1UAw.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(webfonts/mem6YaGs126MiZpBA-UFUK0Vdc1UAw.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(webfonts/mem6YaGs126MiZpBA-UFUK0adc1UAw.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(webfonts/mem6YaGs126MiZpBA-UFUK0Wdc1UAw.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(webfonts/mem6YaGs126MiZpBA-UFUK0Xdc1UAw.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(webfonts/mem6YaGs126MiZpBA-UFUK0Zdc0.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(webfonts/mem5YaGs126MiZpBA-UN_r8OX-hpOqc.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(webfonts/mem5YaGs126MiZpBA-UN_r8OVuhpOqc.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(webfonts/mem5YaGs126MiZpBA-UN_r8OXuhpOqc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(webfonts/mem5YaGs126MiZpBA-UN_r8OUehpOqc.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(webfonts/mem5YaGs126MiZpBA-UN_r8OXehpOqc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(webfonts/mem5YaGs126MiZpBA-UN_r8OXOhpOqc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(webfonts/mem5YaGs126MiZpBA-UN_r8OUuhp.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(webfonts/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(webfonts/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(webfonts/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(webfonts/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(webfonts/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(webfonts/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(webfonts/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(webfonts/mem5YaGs126MiZpBA-UNirkOX-hpOqc.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(webfonts/mem5YaGs126MiZpBA-UNirkOVuhpOqc.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(webfonts/mem5YaGs126MiZpBA-UNirkOXuhpOqc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(webfonts/mem5YaGs126MiZpBA-UNirkOUehpOqc.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(webfonts/mem5YaGs126MiZpBA-UNirkOXehpOqc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(webfonts/mem5YaGs126MiZpBA-UNirkOXOhpOqc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(webfonts/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(webfonts/mem5YaGs126MiZpBA-UN7rgOX-hpOqc.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(webfonts/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(webfonts/mem5YaGs126MiZpBA-UN7rgOXuhpOqc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(webfonts/mem5YaGs126MiZpBA-UN7rgOUehpOqc.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(webfonts/mem5YaGs126MiZpBA-UN7rgOXehpOqc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */


@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(webfonts/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(webfonts/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*------------------------------------------------------------------------------Internet Explorer*/

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(webfonts/mem6YaGs126MiZpBA-UFUK0Zdcs.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(webfonts/mem5YaGs126MiZpBA-UN_r8OUuhv.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(webfonts/mem8YaGs126MiZpBA-UFVZ0d.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(webfonts/mem5YaGs126MiZpBA-UNirkOUuhv.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(webfonts/mem5YaGs126MiZpBA-UN7rgOUuhv.woff) format('woff');
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.pulsate-css {
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
    opacity: 0.1;
    border: 2px solid red;
    border-radius: 30px;
    height: 13px;
    width: 13px;
    position: relative;
    display: inline-block;
    /* margin-top: 20px; */
    text-align: center;
    position: absolute;
    top: 8px;
    left: 8px;
}

.pulsate-css-double {
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
    opacity: 0.1;
    border: 2px solid red;
    border-radius: 30px;
    height: 13px;
    width: 13px;
    position: relative;
    display: inline-block;
    /* margin-top: 20px; */
    text-align: center;
    position: absolute;
    top: 34%;
    left: 8px;
}

.pulsate-css-loading {
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
    opacity: 0.1;
    border: 2px solid red;
    border-radius: 30px;
    height: 50px;
    width: 50px;
    position: relative;
    display: inline-block;
    /* margin-top: 20px; */
    text-align: center;
    position: absolute;
    top: 16px;
    left: 8px;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*CSS animation infinit.css*/
/* Make the element pulse (grow large and small slowly) */
/* Usage
    .myElement {
        animation: pulsate 1s ease-out;
        animation-iteration-count: infinite;
        opacity: 1; 
    }
*/
@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        opacity: 0.0;
    }

    50% {
        opacity: 1.0;
    }

    100% {
        -webkit-transform: scale(1.2, 1.2);
        opacity: 0.0;
    }
}

/* Make the element's opacity pulse*/
/* Usage
    .myElement {
        animation: opacityPulse 1s ease-out;
        animation-iteration-count: infinite;
        opacity: 0; 
    }
*/
@-webkit-keyframes opacityPulse {
    0% {
        opacity: 0.0;
    }

    50% {
        opacity: 1.0;
    }

    100% {
        opacity: 0.0;
    }
}

/* Make the element's background pulse. I call this alertPulse because it is red. You can call it something more generic. */
/* Usage
    .myElement {
        animation: alertPulse 1s ease-out;
        animation-iteration-count: infinite;
        opacity: 1; 
    }
*/
@-webkit-keyframes alertPulse {
    0% {
        background-color: #9A2727;
        opacity: 1;
    }

    50% {
        opacity: red;
        opacity: 0.75;
    }

    100% {
        opacity: #9A2727;
        opacity: 1;
    }
}


/* Make the element rotate infinitely. */
/* 
Usage
    .myElement {
        animation: rotating 3s linear infinite;
    }
*/
@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}