#custom-search-form {
    margin:0;
    padding: 0;
}
.reach_sub_div{
    bottom: 15px;
}
.connect_app_btn {
    margin-top: 20px;
    background: #C9DAF7;
    color: #3D85C6;
    font-weight: bold;
    white-space: initial;
    margin-bottom: 15px;
}
.connect_app_cancel_btn{
    margin-top: 20px;
    background: #f7a3a3;
    color: #c63d3d;
    font-weight: bold;
    white-space: initial;
    margin-bottom: 15px;
    border-color: #d62020;
}
#custom-search-form .search-query {
    padding-right: 3px;
    padding-right: 4px \9;
    padding-left: 3px;
    padding-left: 4px \9;
    /* IE7-8 doesn't have border-radius, so don't indent the padding */

    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: width  0.2s ease-in-out;
    -moz-transition:width  0.2s ease-in-out;
    -o-transition: width  0.2s ease-in-out;
    transition: width  0.2s ease-in-out;
    height: 35px;
    width: 100%;
}

#custom-search-form button {
    border: 0;
    background: none;
    /** belows styles are working good */
    padding: 2px 5px;
    position: relative;
    /*left: -28px;*/
    /* IE7-8 doesn't have border-radius, so don't indent the padding */
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    float: right;
    margin-top: -30px;
}

.homepage-search-form-btn{
    border-radius: 0px !important;
    height: 35px;
    margin-right: 10px;
}

.loading-animation{
    text-align: center;
    display: none;
}

.loading-animation img{
    width: 70px;
}

.table-application-list-home a:hover{
    text-decoration: none;
}

.close{
    width: 16px;
    height:16px;
}

.add-binu-version-form label.error,.login-form label.error,.enquiry-form label.error,.admin_create_application_form label.error{
    display: block;
    color: #cc0000 !important;
    margin-top: 5px;
    font-size: 11px;
}
.formClass label.error{
    display: block;
    color: #c00 !important;
    margin-top: 5px;
    font-size: 11px;
}

.add-binu-version-form input.error, .add-binu-version-form select.error{
    background-color: #edd;
    border: 1px solid #c00;
}
.formClass input.error ,.formClass textarea.error,.formClass select.error  {
    background-color: #edd;
    border: 1px solid #c00;
}

.login-form input.error,.reset-form input.error,.forget-form input.error,.enquiry-form input.error,.admin_create_application_form input.error,.admin_create_application_form textarea.error,.admin_create_application_form select.error{
    background-color: #edd !important;
    border: 1px solid #c00 !important;
}

.add-binu-version-form-success{
    display: none;
    margin-top: 20px;
    color: #00ff00;
}

.add-binu-version-form-exist{
    display: none;
    margin-top: 20px;
    color: #cf2121;
}

.add-binu-version-form-modal-btn{
    float: right;
    margin-bottom: 10px !important;
}

.table-valid-binuClientVersions-list-home a:hover{
    text-decoration: none;
}

.update-binu-version-form-success{
    margin-top: 20px;
    color: #00ff00;
}

.update-binu-version-form-fail{
    margin-top: 20px;
    color: #c00;
}

.left-5-span{
    margin-left: 5px;
}

.left-5-span a{
    color: #666;
}

.left-5-span a:hover{
    text-decoration: none;
}

.application_details_div {
    margin-top: 37px;
    padding: 2px;
}

.application-div-publisher-details .portlet>.portlet-title,.single-application-heading-div .portlet-title{
    border: none;
}

.single-application-heading-div-icons a{
    margin: 0px 5px;
}

body,html{
    height: 100%;
}

/* remove outer padding */
.main .row{
    padding: 0px;
    margin: 0px;
}

/*Remove rounded coners*/

nav.sidebar.navbar, .connect-radius {
    border-radius: 0px;
}

nav.sidebar, .main{
    -webkit-transition: margin 200ms ease-out;
    -moz-transition: margin 200ms ease-out;
    -o-transition: margin 200ms ease-out;
    transition: margin 200ms ease-out;
}

/* Add gap to nav and right windows.*/
.main{
    padding: 2px 10px 0 0px;
}
.nav_sidebar_new .navbar-inverse {
    background-color : transparent;
    border-color : transparent;
    font-size: 13px;
}
.nav_sidebar_new .container-fluid {
    background-color : #364150;
}
.nav_sidebar_new .navbar-header {
    background-color : #fff;
}
.nav_sidebar_new .navbar-toggle {
    background-color : #222;
}
.navbar-brand .menu_logo {
    display: inline;
    width: 50px;
}

nav.sidebar .navbar-nav .open .dropdown-menu>li>a:hover, nav.sidebar .navbar-nav .open .dropdown-menu>li>a:focus {
    color: #CCC;
    background-color: transparent;
}

nav:hover .forAnimate{
    opacity: 1;
}
section{
    padding-left: 15px;
}

.single-application-list-buttons{
    height: 80px;
    background: #ecf0f5;
    border-radius: 5px !important;
    text-align: center;
}
.single-application-list-buttons a{
    line-height: 75px;
    display: block;
}
.dataFreePublicationListForm{
    font-weight: 600;
    margin-top: 20px;
}
.single-application-list-buttons a:hover{
    text-decoration: none;
}

.single-application-list-details-div{
    margin-top: 20px !important;
}

.single-application-list-details-first{
    border-right: 1px solid #333;
}

.single-application-details-first-btn{
    border-radius: 2px;
    float: left;
    width: 55%;
    height: 35px;
    margin-bottom: 10px;
    text-align: center;
}

.single-application-details-first-btn a{
    line-height: 35px;
    display: block;
    background: #ecf0f5;
}

.single-application-details-first-btn a:hover{
    text-decoration: none;
}

.application-list-details-table>tbody>tr>td{
    border-top: none !important;
}

.span-heading-bold{
    font-weight: bold;
}

.single-application-list-prod-head,.single-application-list-dev-head{
    margin-bottom: 10px;
    font-size: 15px;
}

.td-align-center{
    text-align: center;
}
.alert-danger {
 background-color:#f2dede;
}
.alert-success{
    background-color:#dff0d8;
}

.icon-image-edit-thumb,.splash-image-edit-thumb{
    margin-top: 10px;
}

.icon-image-edit-thumb img,.splash-image-edit-thumb img{
    width: 10%;
}

.page-content{
    padding: 0px;
}

.generate-config-heading-div{
    margin-top: 15px;
}

.generate-config-third-section{
    margin-top: 20px !important;
}

.single-generate-config-details-div{
    border: 1px solid #333;
    margin-top: 20px !important;
}

.single-generate-config-details-head{
    text-align: center;
    font-size: 15px;
    margin-top: 15px;
}

.generate-config-page-build-history-table>thead>tr>th {
    border: none !important;
}

.generate-config-page-build-history-table>tbody>tr>td{
    border-top: none !important;
}

.load-more-history{
    text-align: center;
    margin-bottom: 10px;
}

.load-more-history button{
    border-radius: 0px !important;
    background: #ecf0f5;
}

.minicolors-theme-default .minicolors-swatch {
    top: 1px !important;
    left: 0px !important;
    width: 18px;
    height: 18px;
}
.minicolors-theme-default .minicolors-input {
    display: inline-block;
    height: 20px;
    padding: 4px 0 4px 26px;
    width: auto;
}

.minicolors-theme-default.minicolors-position-right .minicolors-swatch {
    left: auto;
    right: 5px;
}

.close{
    width: 17px;
    height: 17px;
}
.security_form_maxbyte{
    width: 100%;
    padding: 6px 12px;
    height: 34px;
    border: 1px solid #c2cad8;
}
.page-header .page-header-top .page-logo{
    margin-top: 24px;
}
.icon_image {
    max-width: 100%;max-height: 100%
}
.image-exist {
    background-color :#fff;
}
/* .....NavBar: Fully showing nav bar..... */
.errormessg {
    margin: 15px;
}
.wickedpicker {
    z-index: 100000;
}
#hidden_url:focus{
    border: 0 none #FFF;
    overflow: hidden;
    outline:none;
}
#hidden_url::selection {
    color: #b3d4fc;
    text-shadow: none;
}
.color-group .form-group {
    float: left;
    margin-right: 13px;
}
.color-group {
    display: inline-block;
}
.logo-default{
    width: 150px;
    padding: 5px 30px;
}

.div-single-application-for-user-type{
    background: #ffffff;
    padding: 10px;
    border-radius: 5px !important;
    text-align: center;
    border: 1px solid #e7ecf1;
    margin: 10px 0px;
}

.div-single-application-row-for-user-type{
    margin-bottom: 10px !important;
}

.div-single-application-for-user-type .table tr td{
    border-top: none !important;
}

.div-application-details-tab-for-user{
    background-color: #fff;
    min-height: 500px;
}

.app-details-page-heading{
    margin-bottom: 70px;
}

.image-heading-thumb{
    height: 50px;
}

.thumb-image-right-space{
    margin-right: 25px;
}

.div-config-buttons{
    font-size: 12px;
}

.build-btn .build-b1{
    float: left;
    margin-right: 10px;
}
.build-btn .build-b1:last-of-type{
    margin-right: 0px;
}
.build-btn .build-b2{
    float: left;
    margin-right: 10px;
}
.build-btn {
    float: left;
}
.build-btn a {
    padding: 5px 15px;
}
.build-btn i.fa {
    padding-right: 5px;
}
.build-btn .build-b1, .build-btn .build-b2 {
    margin-top: 5px;
}
.app_entry_apk_config_define_btn{
    width: 100%;
    margin-top: 20px;
    background: #C9DAF7;
    color: #3D85C6;
    font-weight: bold;
    white-space: initial;
    margin-bottom: 15px;
}

.app_entry_apk_config_define_btn:hover{
    background: #7a94c1;
}

.add_log_events_btn{
    background: #C9DAF7;
    width: 100%;
    color: #3D85C6;
}

.add_log_events_btn:hover{
    background: #7a94c1;
}

#development_tab .dev_app_build_hostory_btn{
    float:left;
}
/*#test_tab .add_test_application_config_btn{*/
    /*float:right;*/
/*}*/
/*.add_test_application_config_form{*/
    /*float: right;*/
/*}*/

.app-details-page-bottom-btns{
    margin-top: 15px;
}
.config-div-border{
    border-left: 1px solid darkgrey;
    min-height: 450px;
}
.config-display,.config_display_prod_form{
    font-size: 12px;
    margin-top: 50px;
    height: 400px;
    overflow-y: auto;
}
.bottom_space_for_button{
    margin-bottom: 20px;
}

.view_config_details_prod_div,.config-display-prod,.prod_build_apk_btn,.prod_create_config_from_dev_btn,.prod_create_config_btn,.prod_edit_config_btn,.production_section_left_div{
    display: none;
}

.production-btns{
    font-size: 13px;
    margin-top: 15px;
}

#test_tab .hide_test_table{
    display: none;
}

.prod_tab_btns{
    font-size: 12px;
    padding: 5px 15px;
}

.config-display-prod{
    margin-top: 15px;
    text-align: center;
    float: inherit;
}

.config-display .config_display_form{
    width: 450px;
}

.view_config_details_testdev_div .testdev_edit_config_btn {
    float: right;
}

.view_config_details_prod_div .prod_create_config_from_dev_btn{
    text-align: center;
    margin-left: 100px;
}

.view_config_details_prod_div .prod_create_config_btn{
    margin-left: 100px;
}

.view_config_details_prod_div .prod_edit_config_btn {
    float: right;
}

.prod_not_approved, .approved_prod{
    display: none;
}

.production-config-display-form{
    width: 450px;
    margin-top: auto;
    text-align: left;
}

.div_admin_publisher_details_main_index .admin-publisher-details-back-btn{
    margin-top: 5px;
}

.div_user_details_main_index,.div_admin_publisher_details_main_index,.div_admin_user_details_main_index,.div_channel_user_details_main_index,.div_channel_publisher_details_main_index,.div_accountmanager_user_details_main_index,.div_accountmanager_publisher_details_main_index,.div_licensee_publisher_details_main_index,.div_licensee_user_details_main_index{
    background-color: #fff;
}

.div_user_details_main_index .invite_new_user{
    margin-bottom: 20px;
}

.user_details_main_head{
    font-size: 16px;
    margin-top: 15px;
    display: block;
}

.div_user_details_main_index .cust-save-div{
    margin-bottom: 15px;
}

.user-details-edit-form,.user-details-passowrd-edit-form{
    display: none;
}

.user-registered-business-edit-form{
    display: none;
    margin-bottom: 10px;
}

.alert-danger-user, .alert-success-user {
    display: none;
}

.alert-danger-user{
    background-color:#f2dede;
}
.alert-success-user{
    background-color:#dff0d8;
}

.user_publisher_details_main_head{
    margin-bottom: 15px;
}


.admin-publisher-details-back-btn{
    margin-bottom: 20px;
}

.admin-publisher-edit-form,.admin-channel-edit-form,.admin-customer-edit-form,.admin-registered-business-edit-form{
    display: none;
    margin-bottom: 10px;
}

.include-sdk-description{
    margin-left: 15px;
}

.footer-background{
    background-color: #364150;
}

.nav-menu-links-foreground{
    color: #ffffff!important;
}

.nav-bar-hover>li>a:hover{
    color: #9d9d9d !important;
    background-color: #333333 !important;
}

.span-heading-bold-binu-id{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 50px;
}

.span-heading-normal-binu-id{
    font-size: 15px;
    margin-bottom: 10px;
}

.search-div-for-applicationList{
    float: left;
    clear: both;
    margin-bottom: 12px;
    margin-top: 12px;
    width: 100%;
}

.div-for-applications-list-hr{
    clear: both;
}

.search-div-for-applicationList .application-search-btn{
    height: 32px;!important;
    min-width: 99px;
    padding: 0px 15px;!important;
}

.applications-list-hr{
    border-top: 1px solid #9b9b9b;
}

.search-div-for-applicationList .index-application-search-table tr {
    height: 40px;
}

.admin-billing-reportList{
    float: left;
    clear: both;
    margin-bottom: 12px;
    margin-top: 12px;
    width: 100%;
}

.admin-billing-reportList .admin-billing-report-table tr {
    height: 40px;
}

.div-single-application-row-for-user-type .div-splash-image a{
    margin-top: 15px;
}

.div-single-application-row-for-user-type span.graph-label-span{
    text-align: center;
    font-weight: bold;
    margin-left: 35px;
    font-size: 11px;
}

.div-single-application-row-for-user-type .icon-image-div img{
    height: 180px;
}

.btn[disabled] {
    pointer-events: none;
}

.user_generate_apk_form .configNameStyle{
    margin-bottom: 15px;
}

nav.bg-dark{
    background: none !important;
}
#collapseComponents img{
    width: 22px;
}
.load-wrap .col-md-4{
    padding: 0;

}
.modal-title h4{
    font-weight: 500;
}
.modal-title{
    display: initial;
}
.modal .modal-header{
    border-bottom: 1px solid #e5e5e5;
}
.nav-item a{
    text-decoration: none !important;
}
body.bg-dark{
    background: #E1E1E1 !important;
}
.nav-item .sub-menu-span{
    margin-left: 10px;
}
.application-designer-title{
    background: #E1E1E1;
    float: left;
    padding: 25px;
    min-height: 120px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.application-designer-title span.title-top {
    font-size: 18px;
    color: #82A5AE;
    font-weight: bold;
}
.application-designer-app-details, .user-reporting-search-div{
    background-color: #fff;
    border-radius: 10px !important;
    margin-bottom: 23px;
    padding: 15px;
}

.admin-billing-report-div{
    background-color: #fff;
    border-radius: 10px !important;
    margin-bottom: 23px;
    padding: 15px;
}

.reports-summary-table-div{
    background-color: #fff;
    border-radius: 10px !important;
    margin: 0px;
    padding: 10px 10px 0px 10px;
}
.app-card, .app-status{
    display: inline-block;
}
.app-status{
    padding-left: 20px;
}
.application-designer-app-details .app-status .btn {
    background-color: #a6ce39;
    border-radius: 20px !important;
    padding: 2px 22px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    border: none;
}
.app-status span.lastSeen {
    padding-bottom: 15px;
    display: inline-block;
    width: 100%;
    color: #939598;
}
.app-card .app-status h2 {
    font-size: 24px;
    color: #221f1f;
    margin-top: 5px;
}
.application-designer-app-details .app-card .card-img{
    width: 100px;
    height: 100px;
    background-color: #ddd;
    border-radius: 5px !important;
}
.app-card-img{
    float: left;
    display: inline-block;
    padding-left: 0;
    padding-right: 0;
    width: 11%;
}
.no-builds-class p{
    margin-bottom: 20px;
}
.application-config-add-form .add-config-bold-div,.config_edit_form  .add-config-bold-div{
    font-weight: bold;
    margin: 10px 0px;
}

.application-designer-config-single{
    background: #EEEEEE;
    padding: 10px;
    border-radius: 10px !important;
    margin-bottom: 10px;
    border: 2px solid black;
}

.direct-collapse {
    margin-top: 15px;
}

.direct-history-class-input-1 {
    width: 100px;
    margin-left: 45px;
}

.direct-history-class-input-2 {
    width: 70%;
    margin-left: 45px;
}

#directConfigHistory .modal-footer{
    border-top: 0;
}
.direct-history-class-row .form-control{
    height: 26px;
    background-color: #f4f4f4;
}

.directConfigHistory-modal-header{
    border-bottom: 3px solid #e5e5e5 !important;
}

.application-designer-config-single .btn{
    width: 80%;
}
.index-direct-application-list-view-main-div{
    margin-bottom: 25px;
}
.btn-green {
    border-radius: 6px !important;
    border: 2px solid #93C47D;
    color: #93C47D;
    font-weight: bold;
    padding: 3px 12px;
}
.btn-blue{
    border-radius: 6px !important;
    border: 2px solid #1e90ff;
    color: #1e90ff;
    font-weight: bold;
    padding: 3px 12px;
}
.btn-cancel-red {
    border-radius: 6px !important;
    border: 2px solid #FF0000;
    color: #FF0000;
    font-weight: bold;
    padding: 3px 12px;
}
.reset_reach_production_position {
    bottom: 12px;
}
.application-designer-config-single .btn{
    width: 100%;
    white-space: normal;
}
.apk-build-btn{
    padding: 30px;
}

.edit-entry-point-btn{
    margin-top: 10px;
}

.logo_img{
    width: 20px;
}
.titleInner img{
    vertical-align: text-bottom;
    height: 20px;
}

.user_create_application_form button, .user_edit_application button, .edit_switch_application_details button, .reach_edit_form button{
    background: none;
}

.production_security_rules_btn,.production_log_events_btn{
    /*width: 100%;*/
    /*margin-bottom: 10px;*/
}
.user_generate_apk_form .buildApkLabel{
    width: 25%;
    float: left;
    margin-left: 28px;
}
.user_generate_apk_form .buildApkInput{
    width: 62%;
    background-color: #eef1f5;
    opacity: 1;
    cursor: not-allowed;
    border: 1px solid #c2cad8;
}
.no-application-welcome-div{
    background-color: #fff;
    border-radius: 10px !important;
    padding: 15px;
}
.application-designer-app-details .application_status{
    background-color: #ffffff;
    border: 1px solid #a89f9b;
    border-radius: 7px !important;
    padding: 2px 22px;
    color: #a89f9b;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    height: 20px;
    min-width: 20px;
}
.application-designer-config-single .application_status{
    background-color: #ffffff;
    border: 1px solid #a89f9b;
    border-radius: 7px !important;
    color: #3e3c3c;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    padding: 1px;
    overflow: hidden;
    display: inline;
    height: 20px;
    float: left;
    min-width: 49%;
}
.application-designer-app-details .productTypeFont {
    font-weight: 600;
    color: #a89f9b;
}
.application-designer-config-single .productTypeFont{
    font-size: 11px;
    color: #989898;
    font-weight: 700;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}
.app-config-options-heading-box{
    border: 2px solid #989898;
    background-color: white;
    height: 106px;
    float: left;
    margin-top: 10px;
    border-radius: 7px !important;
}
.app-config-look-and-feel-box{
    border: 2px solid #989898;
    background-color: white;
    height: 50px;
    float: left;
    margin-top: 40px;
    border-radius: 7px !important;
    padding:5px;
}
.app-config-app-entry-options-box{
    border: 2px solid #989898;
    background-color: white;
    height: 106px;
    float: right;
    margin-top: 10px;
    border-radius: 7px !important;
}
.app-config-detail-heading-div, .look-and-feel-div, .app-entry-options-div, .config-headings-div{
    margin-top: 5px;
}
.config-headings-div .edit_config_button_class{
    padding: 20px;
}
.app-config-detail-content-div .labels{
    display: grid;
}
.app-config-detail-content-div .values{
    display: grid;
}
.application-designer-app-details .edit-application-div{
    float: right;
    margin-top: 11px;
    text-align: center;
}
.application-designer-app-details .edit_applicationLink{
    width: 95%;
    margin-bottom: 17px;
    font-size: 12px;
}
.application-designer-app-details .deployment_status{
    display: inline-block;
    width: 95%;
    /*float: right;*/
    text-align: center;
    border-radius: 4px !important;
    padding: 4px 13px 3px 12px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
}
.application-designer-app-details .delete_app_rego{
    width: 100%;
    /*margin-left: -14px;*/
    margin-top: 17px;
    font-size: 12px;
    white-space: normal;
}
.div-application-details-tab-for-user .tab-heading-style{
    font-size: 14px;
    color: #82A5AE;
    font-weight: bold;
}
.user_generate_apk_form .config-details-for-buildapk{
    margin-bottom: 10px;
}

span.main-title-top{
    font-size: 20px;
    color: #29b4b6;
}

.wrapper-title span.title-top {
    font-size: 20px;
    color: #29b4b6;
    padding-left: 15px;
}

.main-titleinner{
    margin: 20px 0;
}

.main-titleinner span{
    padding-left: 15px;
}

.main-title-top-details{
    margin: 15px 0;
    display: block;
}

.add_events_form input[type=text]{
    background-color: #fff !important;
}

.reporting-url-btn{
    float: right;
}
.run-report-btn{
    margin-top: 20px;
}
.google-chart-user-report{
    margin-bottom: 10px;
}

.getting-started-div h3{
    font-size: 13px;
    color: #939598;
    font-weight: bold;
}

.getting-started-div h4{
    font-size: 14px;
    color: #939598;
    text-align: center;
    font-weight: 500;
}

.getting-started-div p,.getting-started-div li{
    font-size: 14px;
    color: #939598;
}

.getting-started-div li{
    margin-bottom: 10px;
    list-style: none;
}

.getting-started-div li span{
    margin-right: 15px;
}

.margin-top-class{
    margin-top: 20px;
}

.getting-started-div .application_name{
    width: 100%;
}

.getting-started-div button {
    margin-top: 20px;
    background: #C9DAF7;
    color: #3D85C6;
    font-weight: bold;
    white-space: initial;
    margin-bottom: 15px;
}

.application_type_form_submit_btn:hover, .application_type_form_cancel_btn:hover{
    background: #7a94c1;
}

.getting-started-div{
    background-color: #fff;
    border-radius: 10px !important;
    padding: 5px 18px 5px 19px;
}

.getting-started-title{
    min-height: 90px;
    margin-left: 10px;
    background: #E1E1E1;
    float: left;
    padding: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.application-icon-style-class{
    height: 20px;
    margin-left: 76px;
}
.apk-icon-style-class{
    height: 20px;
    margin-left: 11px;
}
.form-control-without-width{
    height: 34px;
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #c2cad8;
    color: #555;
}
.form-control-datafree{
    height: 25px;
    padding: 0px 12px;
    background-color: #fff;
    border: 1px solid #c2cad8;
    color: #555;
}
input[type=text].form-control-datafree {
    width: 60%;
}
.cards-desc .deployment_status{
    width: 100px;
    /*margin-left: 80px;*/
    float: right;
    text-align: center;
    border-radius: 4px !important;
    padding: 4px 13px 3px 12px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
}
.bgColorGreen{
    background-color: #93C47D !important;
}
.bgColorYellow{
    background-color: #FFD966 !important;
}
.bgColorRed{
    background-color: #CC0000 !important;
}
.first-sub-add-app{
    display: none;
}
.application-options-sub-div{
    display: none;
}
.distribution-email-div{
    display: none;
}
.p-no-margin{
    margin: 0;
}
#distribution_email-error{
    display: none;
}
.success-ok-btn{
    border-radius: 10px !important;
    border: 2px solid #93C47D !important;
    color: #93C47D !important;
    background-color: #fff !important;
    width: 20%;
}
.empty-cards a:hover{
    text-decoration: none;
}
.margin-bottom-10{
    margin-bottom: 2px !important;
}
.no-padding-right{
    padding-right: 0px;
}
.production-settings-heading{
    white-space: unset !important;
}
.production_build_apk_btn{
    padding: 35px;
}
.content-access-div, .reports-div{
    border: 2px solid #989898;
    border-radius: 3px !important;
    width: 100%;
    margin-bottom: 12px;
    background-color: white;
}
.margin-bottom-class{
    margin-bottom: 10px;
}
.xml-validated-style{
    background-color: #eef1f5;
    opacity: 1;
    padding: 5px 17px;
    border: 1px solid #c2cad8;
    margin-left: 10px;
}
.full-width{
    width: 100%;
}
#appnode_xml,#xml_doc_textarea,#stylesheet_textarea,#xml_results{
    color: red;
}
.entry_point_hosting{
    width: 28%;
    display: inline;
    margin-left: 10px;
}
.margin-left-zero{
    margin-left: 0px;
}
.entry-point-hosting-edit{
    border: 1px solid #c2cad8;
    background-color: #eef1f5;
    opacity: 1;
    padding: 5px 17px;
}
.dev-title-style{
    color: #888787;
    font-weight: bold;
}
.show_config_style{
    color: #989898;
    font-weight: 400;
}
.xml-assistant-div{
    padding: 0;
    float: left !important;
    padding-right: 15px;
}
.production_edit_btn_small{
    padding: 0;
    height: 27px;
    border-radius: 5px !important;
}
.padding-class{
    padding: 3px;
}
.img-down{
    display: none;
}
.img-helper {
    display: inline-block;
    height: 50%;
    vertical-align: middle;
}
.img-cent{
    height: 115px;
}
.looK-img{
    width: 38px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 15px;
    height: 72px;
}
.product-Font {
    font-size: 12px;
    color: #989898;
    font-weight: 700;
    text-align: center;
}
.product-width{
    width: 50%;
}
.mo-img{
    position: absolute;
    width: 49%;
    height: 100%;
}
.main-cards-get-started .application-cards-main-div{
    max-height: 230px;
}
.main-application-list-div .application-cards-main-div{
    max-height: 280px;
}
.border-for-div{
    border: 2px solid #c1cad8;
    border-radius: 7px !important;
    padding: 7px;
}
.down-arrow-style{
    font-size: 15px;
    font-weight: bold;
    border: 1px solid #c0cad8;
    padding: 0px 3px 0px 3px;
    border-radius: 3px !important;
    color: #898a8c;
    margin-left: -22px;
    width: 18px;
    text-align: center;
    background: #eef3f7;
    pointer-events: none;
}
.build-history-width{
    width: 23%;
}

.edit-btn-padding{
    padding: 0px 12px !important;
}
.modal-heading, .modal-heading1, .modal-heading2{
    color: #939598;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    display: block;
}
.modal-description, .modal-description1, .modal-description2{
    text-align: center;
    font-size: 13px;
    color: #939598;
}
.modal-description-p{
    text-align: left;
    font-size: 13px;
    color: #939598;
}
.center-btn-div{
    text-align: center;
}
.application-status{
    background-color: #FFF;
    border: 1px solid #A89F9B;
    border-radius: 7px !important;
    color: #3E3C3C;
    font-size: 12px;
    padding: 1px;
    overflow: hidden;
    display: block;
    height: 20px;
    float: left;
    min-width: 100%;
    max-width: 100%;
}
.no-padding-normal{
    padding-left: 0;
    padding-right: 0%;
}
.no-padding-left{
    padding-left: 0;
}
.padding-text{
    text-align: left;
    padding-left: 0;
}
.btn-green-visible{
    visibility: hidden;
}
.padding-right-2{
    padding-right: 5px;
}
.custom-select-box{
    width: 52%;
    border-radius: 3px !important;
    background: #eef2f6;
    border-color: #c0cad8;
}
.no-float{
    float: none;
}
.production-settings-div{
    border: 2px solid #989898;
    background-color: white;
    height: 106px;
    float: right;
    margin-top: 10px;
    border-radius: 7px !important;
    padding: 7px;
}
.log-events-div-style{
    background-color: #ffffff;
    border: 1px solid #a89f9b;
    color: #3e3c3c;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    padding: 1px;
    overflow: hidden;
    display: inline;
    height: 20px;
    float: left;
    min-width: 100%;
}
.modal-description-style{
    text-align: center;
    font-size: 14px;
}
.warning-modal-head-style{
    line-height: 26px;
    font-size: 20px;
    text-align: center;
}
.warning-modal-head-style .fa-exclamation-triangle{
    color: #ffa500;
}
.warning-modal-head-style span{
    margin-left: 5px;
}
.prod-archive-type-font{
     font-size: 12px;
     color: #989898;
     font-weight: 700;
 }
.config_app_entry_edit_form #xml_results{
    display: none;
}
.config_app_entry_edit_form .xml-result-div{
    display: none;
}
.content-access-span-style{
    background-color: #ffffff;
    border: 1px solid #a89f9b;
    color: #3e3c3c;
    height: 20px;
    float: left;
    min-width: 100%;
    text-align: center;
}
.content-access-span-style img{
    width: 16px;
}
.config-headings-product-type-font{
    font-size: 13px;
    color: #989898;
    font-weight: bold;
}
.config_headings_application_status {
    color: #989898;
    font-size: 13px;
    font-weight: bold;
}
.reports-table-28-days input,.months-table-report input{
    text-align: center;
    background: #fff;
    border: 1px solid #c2cad8;
    border-radius: 4px!important;
}
.traffic_monitor_btn{
    margin-top: 10px;
}
.product_type_label{
    font-size: 14px;
    color: #939598;
}
.development-tab-switch-heading{
    text-align: center;
    color: #888787;
    font-weight: bold;
    margin-bottom: 50px;
}
.switch-app-config-options-heading-box{
    border: 2px solid #989898;
    background-color: white;
    height: 65px;
    margin-top: 10px;
    border-radius: 7px !important;
    padding: 20px 10px;
}

.switch-app-value-span{
    background-color: #EEEEEE;
    border: 1px solid #3E3C3C;
    border-radius: 7px !important;
    color: #3E3C3C;
    font-size: 13px;
    padding: 1px;
    overflow: hidden;
    height: 20px;
    /*min-width: 100%;*/
    /*max-width: 100%;*/
    text-align: center;
    margin-left: 5px;
}
.switch-app-heading-span{
    color: #3E3C3C;
    font-size: 13px;
    float: left;
    font-weight: bold;
}
.switch-app-config-settings-heading-box{
    margin-top: 10px;
}
.switch-app-settings-span{
    color: #3E3C3C;
    font-size: 12px;
    font-weight: bold;
    display: block;
}

.reach_content{
    top: 7px;
    right: 5px;
    text-align: left;
}
.reach_text{
    padding-left: 10px;
}
.development-settings-div {
    border: 2px solid #989898;
    background-color: white;
    height: 65px;
    float: right;
    margin-top: 10px;
    border-radius: 7px !important;
    padding: 7px;
}
.btn-Whitelist{
    margin-left: -27px;
    margin-top: 10px;
}
.domain-map-switch-sub-div,.domain-map-direct-sub-div{
    border-radius: 3px !important;
    border: 1px solid #c2cad8;
    padding: 10px;
    overflow-y: scroll;
    height: 160px;
}
.domain-map-switch-value-main-div{
    margin-top: 10px;
}
.domain_map_delete_btn_dev img,.domain_map_delete_btn_prod img {
    width: 16px;
}

.getting-started-div-app-create{
    background: none;
}
.main-cards-get-started .cards{
    margin-bottom: 5px;
    width: 90%;
    max-width: none;
}
.main-cards-get-started .cards-footer a.btn.btn-default{
    width: 30%;
    float: right;
    margin-right: 10px;
    border: 2px solid #45818E;
    background: #45818E;
    color: #fff;
}
.main-cards-get-started .cards-footer a.btn.btn-default:hover{
    background: #fff;
    color: #45818E;
}
.main-cards-get-started .cards-footer a.come-soon-btn{
    background: #fff !important;
    color: #45818E !important;
}
.main-cards-get-started .cards-img{
    width: 140px;
    border-radius: 0px !important;
    margin-top: 25px;
}

.main-cards-get-started .cards-desc{
    width: 65%;
    padding-left: 20px;
}
.main-cards-get-started .application-cards-main-div{
    /*border: 1px solid red;*/
    /*background-color: #fff;*/
    border-radius: 10px !important;
    margin-bottom: 30px;
    padding: 0px;
}
.main-cards-get-started .cards-title{
    padding: 10px 10px;
    border-bottom: none;
    margin-top: 10px;
}
.main-cards-get-started .create-get-start-span{
    font-weight: bold;
    font-size: 15px;
    color: #939598;
}
.main-cards-get-started .create-get-start-div{
    margin-top: 20px;
    color: #939598;
    font-size: 14px;
}
.main-cards-get-started .cards-footer{
    width: 100%;
    margin-bottom: 45px;
}
span.main-title-get-start-top {
    font-size: 20px;
    color: #45818E;
}
.main-cards-get-start-head{
    color: #45818E;
    font-size: 20px;
    text-align: center;
    margin-bottom: 10px;
}
.getting-started-app-div{
    width: 95%;
}
.main-getting-started-wrap-div,.main-getting-started-switch-div,.main-getting-started-max-div,.main-getting-started-reach-div{
    display: none;
}
.main-getting-started-product-div{
    width: 98%;
}
.wrap-img{
    width: 160px;
    height: 100%;
    margin-top: 2px;
}
.main-getting-started-boxed{
    border: 1px solid black;
    border-radius: 6px !important;
    padding-bottom: 5px;
    font-size: 12px;
}
.text-started{
    color: #939598;
    text-align: center;
    font-size: 14px;
}
.main-getting-started-boxed{
    margin-bottom: 10px;
}
.main-getting-started-boxed h6{
    color: #939598;
}
.main-getting-started-boxed span {
    display: inline-block;
    color: #939598;
}
.next-button{
    float: right;
}
.upload-description{
    margin-left: -15px;
}
.main-getting-started-placeholder::-webkit-input-placeholder {
    font-size: 11px;
}
.main-getting-started-placeholder::-moz-placeholder {
    font-size: 11px;
}
.main-getting-started-placeholder:-ms-input-placeholder {
    font-size: 11px;
}
.main-getting-started-placeholder::placeholder {
    font-size: 11px;
}
.label-color-sub{
    color: #939598;
    font-size: 11px;
    display: block;
}
.label-color-sub1{
    color: #939598;
    display: block;
}
.label-color-sub2{
    color: #939598;
    display: block;
    float: right;
    /*font-size:14px;*/
}
.label-color{
    color: #939598;
    font-weight: bold;
    font-size: 13px;
}
.grey-color{
    color: #939598;
}
.product-wrap-step2,.product-wrap-step3,.product-wrap-step4,.product-wrap-step5,.product-wrap-step6{
    display: none;
}

.user_create_application_wrap_form .include-sdk-description{
    color: #939598;
}

.step-heading{
    font-size: 14px;
    color: #939598;
    font-weight: bold;
}
.switch-security-key{
    border: 2px solid #ccd4d2;
    border-radius: 7px !important;
    color: #939598;
    font-size: 13px;
    padding: 1px;
    overflow: hidden;
    height: 32px;
    text-align: center;
    margin-left: 5px;
    width: 80%;
    line-height: 22px;
}
.switch-app-id{
    width: 60%;
    /*float: left;*/
    border: 2px solid #ccd4d2;
    border-radius: 7px !important;
    color: #939598;
    font-size: 13px;
    padding: 1px;
    overflow: hidden;
    height: 32px;
    text-align: center;
    margin-left: 5px;
    line-height: 22px;
}
.entry-url-max{
    border: 1px solid #ccd4d2;
    border-radius: 5px !important;
    color: #555;
    padding: 3px;
}
.product-max-step2,.product-max-step3,.product-max-step4,.product-max-step5,.product-max-step6,.product-max-step7{
    display: none;
}
.product-switch-step2,.product-switch-step3{
    display: none;
}
.application_previous_btn{
    margin-right: 20px;
}
.application_previous_btn{
    display: none;
}
.getting-image img.getting-start-img{
    max-width: 100%;
    height: 100%;
}
.getting-image{
    width: 140px;
    height: 100%;
}
.application-cards-main-div .cards-title{
    margin-top: 0px;
}
.select-dev{
    float: left;
}
h4.dev-desc-start{
    margin-left: 10%;
    text-align:left;
    line-height: normal;
}
.btn-green-development {
    border-radius: 6px !important;
    border: 2px solid #45818E;
    font-weight: bold;
    padding: 3px 12px;
    background-color: #45818E;
    float: right;
    color: white;
}
.btn-green-production {
    border-radius: 6px !important;
    border: 2px solid #45818E;
    font-weight: bold;
    padding: 3px 12px;
    background-color: #45818E;
    float: right;
    width: 208px;
    color: white;
    margin-bottom: 20px;
}
.getting-cancel{
    background: #C9DAF7;
    color: #3D85C6;
    font-weight: bold;
    margin-bottom: 30px;
}
.getting-previous{
    background: #C9DAF7;
    color: #3D85C6;
    font-weight: bold;
    margin-right: 46px;
    margin-bottom: 30px;
}
.getting-started-div.company-status h4{
    text-align: left;
}
.contact-binu{
    background: #C9DAF7;
    color: #3D85C6;
    font-weight: bold;
    margin: 30px 0;
}
.prod-whitelist{
    display: none;
}

.prod-note{
    display: none;
}
.getting-started-prod-wrap,.getting-started-prod-max,.getting-started-switch{
    display: none;
}
.contact-btn{
    font-size: 12.8px;
    margin-top: 15px;
}
.publisher-add-new-contact{
    margin-left: 15px;
    margin-top: 15px;
}
.checkbox-contact{
    height: 20px;
}
.contact_edit_form_adminside th{
    font-weight: normal;
    padding-bottom: 5px;
}
.contact-table-admin{
    font-weight: 600;
}
.publisher-edit-contact-table{
    border-collapse: separate;
    border-spacing: 5px;
}
.file-type-right{
    float: right;
}
.sub-domain{
    font-size: 11px;
}
.product-reach-step2,.product-reach-step3,.product-reach-step4{
    display: none;
}

.edit_website_details{
    width: 95%;
    margin-bottom: 17px;
    font-size: 12px;
}

.edit_application_details{
    width: 95%;
    margin-bottom: 17px;
    font-size: 12px;
}

.user_edit_application_details{
    width: 95%;
    margin-bottom: 17px;
    font-size: 12px;
}

.btn-alignment {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}
.btn-alignment .traffic_monitor_btn {
    width: 37%;
}

.update_binu_sdk_versions_form .status_select{
    margin-left: 10px;
}

.update_binu_sdk_versions_form .section-special-div{
    margin-bottom: 15px;
}

.update_binu_sdk_versions_form #versionote{
    min-height: 85px;
}

.user_create_application_switch_form #binu_sdk_version_id{
    width: 56%;
}

.user_create_application_reach_form #client_list,.user_create_application_reach_form .company_name_class{
    width: 50%;
}

.user_create_application_switch_form #client_list,.user_create_application_switch_form .company_name_class{
    width: 50%;
}

.user_create_application_wrap_form #client_list,.user_create_application_wrap_form .company_name_class{
    width: 50%;
}

.user_create_application_max_form #client_list,.user_create_application_max_form .company_name_class{
    width: 50%;
}

.user_datafree_publication_list_filter{
    font-size: 15px;
}
.user_datafree_publication_filter{
    display: inline-block;
    margin-top: 4px;
}

.table-reseller-client-list,.table-reseller-client-list>tbody>tr>td,.table-reseller-client-list>thead>tr>th{
    border: none;
}

.btn-red{
    border: 2px solid #ff0000;
    color: #ff0000;
}
.btn-delete-dev{
    margin-top: 10px;
}

.direct-app-review-row{
    display: flex;
    align-items: center;
}

.approve-direct{
    width:48%;
}

.direct-review-div {
    background: #f4f4f4;
    border-radius: 6px !important;
    border: 2px solid grey;
    padding: 8px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.direct-btn-blue {
    border-radius: 6px !important;
    border: 2px solid #1e90ff;
    color: #1e90ff;
    font-weight: bold;
    padding: 3px 35px;
    width: 100%;
}

.direct-btn-red {
    border-radius: 6px !important;
    border: 2px solid #ff0000;
    color: #ff0000;
    font-weight: bold;
    padding: 3px 35px;
    width: 100%;
}

.prod-health-check-box-label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.prod-health-check-box-label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.prod-health-check-mark-span {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border:1px solid black;
}

.prod-health-check-box-label:hover input ~ .prod-health-check-mark-span {
    background-color: #fff;
}

.prod-health-check-mark-span:after {
    content: "";
    position: absolute;
    display: none;
}

.prod-health-check-box-label input:checked ~ .prod-health-check-mark-span:after {
    display: block;
}

.prod-health-check-box-label .prod-health-check-mark-span:after {
    left: 7px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid black;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.report-monthly-table-div{
    padding-top: 20px;
}
.report-table-28-days-div{
    margin-top: 20px;
}

.live-traffic-monitor{
    margin-bottom: 10px;
}
.change-application-status-class,.change-application-status-class-channel,.licensee-change-application-status-class{
    height: 34px;
    padding: 6px 12px;
    background-color: #fff;
    border: 1px #c2cad8;
    color: #555;
}

.admin-billing-report-form .billing-report-btn{
    width: 100%;
    margin-top: 25px;
}

.admin-billing-report-table.dataTable thead th{
    border-bottom: none;
}

.export-btn{
   margin-top: 20px;
}

.center-text {
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-align: center;
}

/*.admin-billing-report-table.dataTable thead th,.admin-billing-report-table.dataTable tbody td{*/
    /*border-bottom: none;*/
    /*border-right: 1px solid #e7ecf1;*/
/*}*/

.admin-billing-report-table-div .dataTables_scrollBody{
    border-bottom: none !important;
}

.admin-billing-report-table{
    border: 1px solid #e7ecf1;
}

.application-details-subtab-div{

}

.application-details-subtab-div .section-first,.application-details-subtab-div .section-second{
    border: 2px solid #000000;
    height: 480px;
    overflow: auto;
    border-radius: 10px !important;
}

.application-details-subtab-div .section-first-text-block{
    margin-top: 10px;
}

.application-details-subtab-div .section-first-btn{
    width: 100%;
    margin-top: 10px;
    font-weight: 600;
    border-radius: 10px !important;
    white-space: normal;
}

.btn-lightblue{
    border: 2px solid #6C99E1;
    color: #6C99E1;
}

.btn-green-normal {
    border: 2px solid #93C47D;
    color: #93C47D;
}

.add_dev_application_config_btn{
    width: 100%;
    margin-top: 20px;
    margin-bottom: 15px;
}

.application-details-subtab-div .section-second .nav-tabs{
    margin-top: 10px;
}
.align-btn{
    white-space: normal;
}
.section-first-btn.btn-red {
    margin-bottom: 10px;
}
.section-first .section-first-text-block span:first-child{
    font-size: 14px;
    font-weight: bold;
}
.application-details-subtab-div {
    margin-bottom: 10px;
}
.section-first-text-block.section-style-down {
    margin-top: 100px;
}
.whitelist_switch_style {
    float: right;
}
.color-select {
    display: flex;
    flex-direction: column;
}
.max-bytes {
    display: flex;
    align-items: center;
}

.max-bytes label {
    font-size: 10px;
}
.f-10 {
    font-size: 10px;
}
.f-12 {
    font-size: 12px;
}

.subtab-config-editor-div{
    margin-top: 5px;
    margin-bottom: 10px;
}

.subtab-config-disable-style{
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
    pointer-events: none;
}

.subtab-config-disable-direct {
    background-color: rgba(0, 0, 0, 0.2);
    border-color: #000;
    pointer-events: none;
    opacity: .2;
}

.subtab-config-disable-style-div{
    pointer-events: none;
}

.add_events_form_main_div{
    display: none;
}

.create-app-inner .form-group .form-control {
    height: 40px;
    background-color: white;
    border-radius: 3px !important;
}

.form-group .form-control[disabled] {
    height: 40px;
    background-color: #f4f4f4;
    border-radius: 3px !important;
}

.create-company-btn{
    margin-bottom: 10px;
}
.modalResetPassword{
    padding: 40px;
}

.publisher_create_form_user{
    margin-top: 10px;
}

#directConfigHistory .row{
 margin-left: 0;
 margin-right: 0;
}

#binuDeploymentIpsSearch .form-control{
border-radius: 4px !important;
height: 26px;
padding: 6px 6px;
font-size: 12px;
}

#binuDeploymentIpsSearch .binu_deployment_ips_search_button{
text-align: right;
margin-top: 18px;
}

.application-form-control{
height: 34px;
padding: 6px 12px;
background-color: #fff;
border: 1px solid #c2cad8;
border-radius: 4px;
-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,box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.admin-application-table>tbody>tr>td{
border-top: none;
}

.font-inline{
display:inline-block;
font-size: 13px;
}

.f-13{
font-size: 13px;
}

.single-line{
white-space: nowrap;
}

.loaded-logo-sm{
width: 70px;
height: 75px;
background-color: #ddd;
border: 2px;
border-radius: 7px !important;
float: left;
}
.upload-channel-logo span {
font-size: 10px;
color: #333333;
padding-bottom: 8px;
display: inline-block;
}
.navbar-brand img.channel-logo {
display: block;
height: 65px;
width: 180px;
object-fit: contain;
}
img.logo-channel-edit{
width: auto;
height: auto;
border: 2px;
border-radius: 7px !important;
object-fit: contain;
max-width: 100px;
max-height: 65px;
}

.channel-publisher-edit-form,.channel-registered-business-edit-form,.channel-edit-form{
display: none;
margin-bottom: 10px;
}

.channel-publisher-details-back-btn,.accountmanager-publisher-details-back-btn{
margin-bottom: 20px;
}

.div_channel_publisher_details_main_index .channel-publisher-details-back-btn{
margin-top: 20px;
}

.accountmanager-publisher-edit-form,.accountmanager-registered-business-edit-form,.accountmanager-edit-form{
display: none;
margin-bottom: 10px;
}
.p-l-0 {
padding-left: 0px;
}
.div-switch-selection{
margin-bottom: 40px;
}
.application_paid_start_url{
display: inline-block;
width: 100%;
color: #939598;
font-size: 12px;
}
.application_datafree_url{
display: inline-block;
width: 100%;
color: #939598;
font-size: 12px;
}
.application_dummy_div{
min-height: 34px;
display: inline-block;
width: 100%;
}
.create-datafree-direct-application-form{
margin-bottom: 10px;
}

.update-datafree-direct-application-form{
display: none;
}

.update-datafree-direct-application-section{
margin-bottom: 10px;
}

.publisher-designer-direct-application-div{
margin-top: 10px;
}

.direct_create_row input, .direct_create_row select,.connect_create_row input, .connect_create_row select{
border-radius: 5px !important;
}
.direct-custom-scroll{
background-color: #f4f4f4;
overflow-x: hidden;
}
/* width */
.direct-custom-scroll::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.direct-custom-scroll::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    background: #f1f1f1;
}

/* Handle */
.direct-custom-scroll::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
.direct-custom-scroll::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.domain-map-direct-main-div.form-group .form-control[disabled] {
    height: 33px;
    background-color: #f4f4f4;
    border-radius: 3px !important;
}

.form-group .form-control[disabled] {
    height: 33px;
    background-color: #f4f4f4;
    border-radius: 3px !important;
}

.direct-decommission-modal p{
    margin: 20px 0 0 0;
    color: #76a4af
}

#direct-review-modal p{
    color: #4986e8;
    margin: 20px 0 0 0;
}

.approve-direct .create-company-btn {
    white-space: initial;
     margin-bottom: 0px;
}

.data_decommission_approve{
    max-width: 800px;
    width: 100%;
}

.direct_review{
    width: auto;
}

.direct-binu-ip-row .wrapper-title span.title-top {
    font-size: 18px;
    color: #29b4b6;
    padding-left: 15px;
}

.modal-content  {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}

.directConfigHistory{
    width: 100%;
}

.direct-history-class-row .form-group{
    display: flex;
    align-items: center;
}

.mno_approve_modal_div{
    width: 1100px;
    max-width: 100%;
}
.mno_invoice_button{
     padding: 0 55px;
     font-size: 15px;
}

.pad-top-br-bottom{
    padding-top: 0;
    border-top: none;
}


.admin_delete_mno_invoice_data input[type="checkbox"],.admin_delete_moya_user_stats input[type="checkbox"], .create-new-license-service-checkbox-div .col-sm-1 input[type="checkbox"] + label:before{
    position:absolute;
    left:-999em;
}
.admin_delete_mno_invoice_data input[type="checkbox"] + label:before , .admin_delete_moya_user_stats input[type="checkbox"] + label:before, .create-new-license-service-checkbox-div .col-sm-1 input[type="checkbox"] + label:before{
    display: inline-block;
    margin: 0 5px;
    border: 2px solid grey;
    border-radius: 3px;
    width: 30px;
    height: 30px;
    font: 900 2.6em/.7 monospace;
    vertical-align: middle;
    text-align: center;
    background: white;
    color: dimgrey;
    content: "\a0";
}
.admin_delete_mno_invoice_data input[type="checkbox"]:checked + label:before , .admin_delete_moya_user_stats .col-sm-1 input[type="checkbox"]:checked + label:before, .create-new-license-service-checkbox-div .col-sm-1 input[type="checkbox"] + label:before{
    content:"\00D7"; /* unicode heavy check mark */ !important;
}
.moya_user_search_button{
    margin-bottom: 0;
    width: 50%;
    margin-left: 130px !important;
}

.connect-middle-class{
    height: 100px;
    background-color: #f4f4f4;
    margin-bottom: 5px;
    border-radius: 10px !important;
}

.ddirect-middle-class{
    height: 200px;
    background-color: #f4f4f4;
    margin-bottom: 5px;
    border-radius: 10px !important;
}

.connect-include-apps{
    padding: 0 14px 0 14px;
}

.margin-top-5{
    margin-top: -5px;
}
.connect-custom-scroll{
    border-radius: 10px !important;
    height: 255px;
    background-color: transparent;
}
.remove_connect_div,.remove_connect_edit_div{
    border-radius: 50% !important;
}

.height-255{
    height: 240px !important;
}

.connect-app-div {
    border: 1px solid #c2cad8;
    padding: 10px;
}

.margin-top-15{
    margin-top: 15px;
}

.connect-dynamic-div{
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -10px;
}

.update-datafree-connect-application-form{
  display: none;
}

.loaded-pic-sm-connect {
    width: 75px;
    height: 75px;
    background-color: #ddd;
    border: 2px;
    border-radius: 7px !important;
    float: left;
}

.include_daily_limit_alert_box{
    margin-bottom: 15px;
    border-radius: 5px !important;
    padding: 15px;
    border: 1px solid #ccc!important
}

.table-deployment-ips{
    border: 2px solid darkgrey;
    border-radius: 12px !important;
    width: 80%;
    margin-top: 25px;
}

.a-tag-button{
    background: none!important;
    border: none;
    padding: 0!important;
    color: #069;
    text-decoration: underline;
    cursor: pointer;
}

.inner-image{
    width: 175px;
}
.licensee_checkbox{
    width: 15px !important;
    height: 15px !important;
}

#dataFree_licensee-error{
    margin-top: 20px;
    margin-left: -12px;
}

.align-service-button{
    align-content: end;
    margin-left: 78%;
}

.align-service-div{
    margin-left: 2px;
    display: flex;
    height: 33px;
    margin-bottom: 12px;
}

.supported-products-parent{
    display: flex;
}

.supported-products-parent-child{
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.supported-products-parent{
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.supported-products-input{
    width: 25px;
    margin-left: 15px !important;
}

.proxy-domain-main {
    display: flex;
    justify-content: space-between;
}

.proxy-domain-main-child {
    display: flex;
    justify-content: space-between;
}

.btn-yellow{
    border: 2px solid #ffeb00;
    color: #ffeb00;
}

.font_size_label{
    font-size: 13px;
    font-weight: normal;
}

#licensee_service_status-error,#proxy_domain-error,#ip_domain-error{
    position: absolute;
    display: block;
    margin-top: 40px;
    margin-left: 98px;
}

#supported_products\[\]-error{
    position: fixed;
    display: block;
    margin-top: 0;
}

/***End***/

@media (min-width: 1330px) {

    /*Allow main to be next to Nav*/
    .main{
        /*width: calc(100% - 200px);*/ /*keeps 100% minus nav size*/
        /*margin-left: 125px;
        position: absolute;
        float: right;*/
    }

    /*Show all nav*/
    nav.sidebar{
        margin-left: 0px;
        float: left;
    }
    /*Show hidden items on nav*/
    nav.sidebar .forAnimate{
        opacity: 1;
    }
    .cards-desc {
        max-width: 84% !important;
    }
    .main-application-list-div .application-cards-main-div{
        max-height: 260px;
    }
}

@media (min-width: 1501px) {
    .direct-btn-blue {
        padding: 3px 15px;
    }
}

@media (max-width: 1500px) {
    .approve-direct {
        width: 100%;
    }

    .direct-btn-blue {
        border-radius: 6px !important;
        border: 2px solid #1e90ff;
        color: #1e90ff;
        font-weight: bold;
        padding: 3px 5px;
        width: 100%;
        font-size: 12px;
    }

    .direct-btn-red {
        border-radius: 6px !important;
        border: 2px solid #ff0000;
        color: #ff0000;
        font-weight: bold;
        padding: 3px 15px;
        width: 100%;
        font-size: 12px;
        margin-top: 5px;
    }

    .direct-review-div {
        background: #f4f4f4;
        border-radius: 6px !important;
        border: 2px solid grey;
        padding: 8px 15px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
    }
}

@media (max-width: 1200px) {
    .load-responsive-channel h3{
        font-size: 16px;
    }
    .load-responsive-channel span {
        font-size: 10px;
    }
    .load-responsive-channel {
        margin-left: 11px;
    }
    .load-channel .col-md-4{
        padding: 0;

    }


    .single-application-details-first-btn{
        width: 70%;
    }
    .config-display,.config_display_prod_form{
        font-size: 12px;
        margin-top: 50px;
        height: 400px;
        overflow-y: auto;
        float: right;
        width: 100%;
    }
    .btn-apk{
        padding: 7px;
        margin-top: 10px;
    }
    .application-designer-app-details .edit-application-div {
        width: 30%;
    }
    .config_look_feel_edit_button_class{
        padding-left: 6px;
        margin-left: 4px;
    }
    .cards-desc span.edit_applicationLink {
        max-width: 43%;
    }
    .cards-desc {
        max-width: 78%;
    }
    .production-settings-div {
        height: auto;
    }
    .contact-btn {
        font-size: 9px;
    }
    .form-control-datafree,input[type=text].form-control-datafree{
        width:50%;
        padding: 0 2px;
    }
}

@media (max-width: 991px) {
    .single-application-list-buttons{
        margin-bottom: 10px;
    }
    nav.bg-dark{
        background: #2f353b !important;
    }
    .navbar-collapse.collapse {
        display: block !important;
    }
    .navbar-nav.sidenav-menu.menu_md{
        display: block !important;
    }
    .navbar-collapse.collapse.nav_bar {
        display: none !important;
    }
    .navbar-collapse.collapse.nav_bar.in {
        display: block !important;
    }
    .fixed-top {
        width:inherit;
    }

    .btn-apk{
        padding: 7px;
        margin-top: 10px;
    }
    .main-popup-pic {
        width: 365px;
        margin-right: 0;
        background-size: contain;
    }
    .add_application_main_preview, .edit_application_main_preview {
        width: 188px;
        height: 330px;
        padding: 34px 0 0 11px;
    }
    .google-sub-chart-user-report{
        margin-bottom: 10px;
    }
    .application-designer-app-details .edit-application-div {
        float: none;
        margin-top: 24px;
        width: auto;
    }
    .cards-desc {
        max-width: 84%;
    }
    .user_create_application_switch_form #binu_sdk_version_id{
        width: 100%;
    }
    .form-control-datafree{
        width:100%;
        padding: 0px 12px !important;
    }
    input[type=text].form-control-datafree {
        display: block;
        width:100%;
    }
    .section-second {
        margin: 10px 0;
    }
    .responsive-ownership-submit {
        margin-top: 12px;
    }
}

@media (max-width: 767px) {
    .single-application-list-details-first{
        border-right: none;
    }
    .config-enter-manually-span{
        display: block;
    }
    .build-btn .build-b1 a, .build-btn .build-b2 a {
        width: 100%;
    }
    .build-btn .build-b1, .build-btn .build-b2 {
        width: 100%;
    }
    .app-details-back-applist-btns{
        margin-bottom: 13px;
        width: 100%;
    }
    .bottom_space_for_button{
        width: 100%;
    }
    .config-display,.config_display_prod_form{
        font-size: 12px;
        margin-top: 50px;
        height: 400px;
        overflow-y: auto;
        float: right;
        width: 100%;
    }
    .production-config-display-form{
        margin-top: auto;
        width: 260px;
        height: 280px;
        text-align: left;
    }
    .config-display .config_display_form{
        margin-top: auto;
        width: 260px;
        height: 280px;
        text-align: left;
    }
    .config-div-border{
        border-left: none;
    }
    .div-application-details-tab-for-user{
        min-height: 720px;
    }
    .div-single-application-row-for-user-type img{
        width: 40%;
        margin: 0 auto;
        padding-bottom: 15px;
    }
    .loaded-pic-sm {
        width: 95px;
        height: 95px;
        margin-right: 5px;
    }
    .loaded-pic {
        width: 95px;
        height: 130px;
        margin-right: 5px;
    }
    .upload-wrap h3{
        font-size: 18px;
    }
    .upload-wrap span {
        font-size: 12px;
    }
    .upload-wrap {
        margin-left: 13px;
    }
    .secect-btn {
        width: 195px;
        font-size: 14px;
        padding: 1px;
    }
    .continue-btn {
        width: 85px;
        padding: 5px;
        font-size: 12px;
    }
    .no-padding.main-popup-pic{
        display: none;
    }
    .modal-body .col-md-12{
        padding-left: 5px;
        padding-right: 5px;
    }
    .create-app-inner .form-group .form-control{
        height: 30px;
    }
    .createPopup .modal-dialog{
        max-width: 450px;
        margin: 30px auto;
    }
    .fixed-top {
        width:inherit;
    }
    .app-card-img{
        float: none;
        display: block;
    }
    .application-designer-app-details .app-card .card-img{
        display: block;
        margin: 0 auto;
    }
    .btn-apk{
        padding: 7px;
        margin-top: 10px;
    }
    .wrapper-title span.title-top {
        font-size: 16px;
        font-weight: 600;
        padding-left: 0;
    }
    .cards {
        min-width: fit-content;
        width: 380px;
        float: none;
        display: block;
        margin-right: auto;
    }
    .empty-cards p {
        margin: 16px 0;
    }
    .add-cards {
        font-size: 14px;
    }
    .user_generate_apk_form .generate_apk_text_input{
        text-align: left;
    }
    .user_generate_apk_form .buildApkInput{
        width: 62%;
    }
    .user_generate_apk_form .buildApkLabel {
        width: 44%;
        float: left;
        margin-left: 0px;
    }
    .app-card-img {
        width: 20%;
    }
    .margin-bottom-style{
        margin-bottom: 15px;
    }
    .app-config-look-and-feel-box {
        width: 83%;
        margin-left: 25px;
        height: 80px;
        margin-top: 8px;
    }
    .app-config-app-entry-options-box{
        float: left;
        margin-left: 25px;
    }
    .app-config-options-heading-box{
        margin-left: 25px;
    }
    .config-btns-row a{
        width: 100%;
    }
    .responsive-normal-padding{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .production_build_apk_btn{
        width: 82% !important;
        padding: 10px 27px 10px 30px;
        margin-left: 25px;
    }
    .img-down{
        display: block;
        height: 92px;
        margin: -20px 0 -10px 56%;
        width: 14px;
    }
    .img-arrow{
        display: none;
    }
    .img-cent{
        height: auto;
    }
    .responsive-margin-bottom{
        margin-bottom: 5px;
    }
    .config_look_feel_edit_button_class{
        width: 57px !important;
    }
    .product-Font {
        margin: 10px 0px;
    }
    .look_and_feel_edit_div{
        text-align: center;
    }
    .no-margin-responsive{
        margin: 0;
    }
    .build-history-width{
        width: 100%;
    }
    .btn-green-visible{
        display: none;
    }
    .production-settings-div {
        float: left;
        margin-left: 25px;
        height: auto;
    }
    .log-events-div-style,.content-access-span-style{
        min-width: 49%;
    }
    .config-headings-div-config-id{
        padding-left: 0px !important;
    }
    .traffic_monitor_btn{
        margin-top: 0px;
    }
    .switch-app-block-div{
        margin-bottom: 10px;
    }
    .switch-app-config-options-heading-box{
        height: 120px;
    }
    .reach-app-config-options-heading-box{
        height: 180px;
    }
    .development-settings-div{
        height: 110px;
    }
    .dev-launch-whitelist-monitor{
        margin-top: 10px;
    }
    .main-cards-get-started .cards {
        min-height: 200px;
        width: 100%;
    }
    .getting-started-app-div{
        width: auto;
    }
    .wrap-img{
        margin-bottom: 10px;

    }
    .main-getting-started-product-div{
        width: auto;
    }
    .btn-alignment {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        padding: 0px !important;
    }
    .btn-alignment .traffic_monitor_btn {
        width: 100%;
        margin-bottom: 15px;

    }
    .max_daily_spend_sub_div_class{
        margin-top: 10px;
    }
    .user_datafree_publication_filter{
        margin-bottom: 10px;
    }
    .report-table-28-days-form{
        margin-bottom: 20px;
    }
    .months-table-report-form{
        margin-bottom: 20px;
    }

}

/* .....NavBar: Icon only with coloring/layout.....*/

/*small/medium side display*/
@media (min-width: 768px) {

    /*Allow main to be next to Nav*/
    .main {
        margin-left: 230px;
    }

    /*Center Brand*/
    nav.sidebar.navbar.sidebar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        margin-left: 0px;
    }
    /*Center Brand*/
    nav.sidebar .navbar-brand, nav.sidebar .navbar-header{
        text-align: center;
        width: 100%;
        margin-left: 0px;
    }

    /*Center Icons*/
    /*nav.sidebar a{*/
        /*padding-right: 13px;*/
    /*}*/

    /* Colors/style dropdown box*/
    nav.sidebar .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    /*allows nav box to use 100% width*/
    nav.sidebar .navbar-collapse, nav.sidebar .container-fluid{
        padding: 0 0px 0 0px;
    }

    /*colors dropdown box text */
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #777;
    }

    /*gives sidebar width/height*/
    nav.sidebar{
        width: 230px;
        height: 100%;
        margin-left: -10px;
        float: left;
        z-index: 8000;
        margin-bottom: 0px;
        position: fixed;
    }

    /*give sidebar 100% width;*/
    nav.sidebar li {
        width: 228px;
    }

    .nav_sidebar_new .container-fluid{
        min-height: 100%;
    }

    .traffic-monitor-margin{
        margin-right: 20px;
    }
}

@media (max-width: 420px) {
    .homepage-search-form-div .pull-right{
        float: left!important;
    }
    .div-application-details-tab-for-user{
        min-height: 800px;
    }
    .modal-dialog{
        min-width: 290px;
    }
    .create-app-inner .form-group .form-control{
        height: 30px;
    }
    .loaded-pic-sm {
        width: 95px;
        height: 95px;
        margin-right: 5px;
    }
    .loaded-pic {
        width: 95px;
        height: 130px;
        margin-right: 5px;
    }
    .upload-wrap h3{
        font-size: 16px;
    }
    .upload-wrap span {
        font-size: 10px;
    }
    .upload-wrap {
        margin-left: 13px;
    }
    .secect-btn {
        width: 195px;
        font-size: 14px;
        padding: 1px;
    }
    .continue-btn {
        width: 85px;
        padding: 5px;
        font-size: 12px;
    }
    .no-padding.main-popup-pic{
        display: none;
    }
    .modal-body .col-md-12{
        padding-left: 5px;
        padding-right: 5px;
    }
    .createPopup .modal-body{
        padding: 15px 0;
    }
    .create-app-inner{
        padding: 10px 5px 0;
    }
    .fixed-top {
        width:inherit;
    }

    #custom-search-form button {
        /*left: 95px;*/
        /*margin-top: -62px;*/
    }
    .search_btn{
        padding: 1px;
    }
    .cards {
        width: 100%;
    }
    .reporting-url-btn{
        margin-top: 15px;
    }
    .app-card-img {
        width: 25%;
    }
    .cards-desc span.edit_applicationLink {
        max-width: 46%;
    }
    .cards-desc {
        max-width: 80%;
    }
    .domain-map-switch-heading-div span{
        font-size: 12px;
    }
    .contact-btn {
        font-size: 8px;
    }
}

@media (min-width: 320px) and (max-width: 327px) {
    #custom-search-form button {
        /*left: 95px;*/
        /*margin-top: -62px;*/
    }
    .cards-desc span.edit_applicationLink {
        max-width: 43%;
    }
}
.btn-publish {
    border-radius: 6px !important;
    border: 2px solid #4360ec;
    color: #1f23e6;
    font-weight: bold;
    padding: 3px 12px;
    background-color: #ffffff;
}
.btn-publish-cancel {
    border-radius: 6px !important;
    border: 2px solid #f32b47;
    color: #ec0f2e;
    font-weight: bold;
    padding: 3px 12px;
    background-color: #ffffff;
}
.lic-service-btn-blue {
    border-radius: 6px !important;
    border: 2px solid #1e90ff;
    color: #1e90ff;
    font-weight: bold;
    float: right;
    padding: 3px 12px;
}
.connect-approve-config td,th{
    padding:8px;
}
.datafree_heading{
    display: flex;
    align-items: center;
    padding-left: 25px;
    padding-bottom: 20px;
    font-size: 25px;
    color: #0094cd;
    font-weight: 600;
}
.datafree_heading_responsive{
    display: flex;
    padding-left: 10px;
    padding-bottom: 15px;
    font-size: 25px;
    color: #0094cd;
    font-weight: 700
}
.datafree_title_login{
    color: #555555;
    font-weight: 700;
}
.reporting-button{
    padding: 10px;
}
.report-cancel-btn {
    color: #cb5050;
    font-weight: bold;
    border: 2px solid #cb5050;
    padding: 3px 12px;
}
.report-save-btn {
    color:  #93C47D;
    font-weight: bold;
    border: 2px solid #93C47D;
    padding: 3px 12px;
    width: 12%;
}
.max-vesion-style {
    border: 1px solid #c2cad8;
    background-color: #eef1f5;
    opacity: 1;
    padding: 5px 17px;
    width: 30%;
    display: inline;
    margin-left: 10px;
}
.display-until-style {
    border: 1px solid #c2cad8;
    background-color: #eef1f5;
    opacity: 1;
    padding: 5px 5px;
    width: 50%;
    display: inline;
    margin-left: 10px;
}
.publish-btn{
    background-color: #4faa26;
    border-radius: 6px !important;
    border: 1px solid #000000;
    padding: 8px 12px;
    font-weight: bold;
    color: #ffffff;
    width: 40%;
    font-size: 15px;
}
#applicationTypeTabs a {
    padding: 10px 5px;
}
#publish_notification_centre .text{
    resize: none;
}
.edit_image_details {
    display: inline-block;
    width: 95%;
    text-align: center;
    border-radius: 4px !important;
    padding: 4px 13px 3px 12px;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    margin-bottom: 7px;
    color: #93c47d;
}
.btn-getting-started{
    border-radius: 6px !important;
    border: 2px solid #93C47D !important;
    color: #93C47D !important;
    font-weight: bold !important;
    background-color: white !important;
    margin: 0px !important;
}
.padding-class{
    padding: 10px;
}

span.title-top{
    font-size: 20px;
    color: #29b4b6;
    padding-left: 15px;
}
.connect-warning-modal-head-style{
    line-height: 26px;
    font-size: 20px;
    text-align: center;
    color: #ff0000;
}
.connect-cancel-btn{
    font-weight: bold;
    width: 50%;
    padding: 3px 15px;
    font-size: 12px;
    margin-top: 5px;
    border-radius: 6px !important;
}
.title-width{
    width: auto;
}
.change-application-revenue-class{
    height: 34px;
    padding: 6px 12px;
    background-color: #fff;
    color: #555;
    border: 1px #c2cad8;
}
.create-ddirect-application-form .daily_limit_div {
    border: 1px solid #bdb4b4;
    padding: 5px;
}
.create-ddirect-application-form .daily_data_limit_alert {
    float: right;
}
.dDirectTitle {
    color: #29b4b6;
}
.expandDdirect {
    border: 1px solid #ccc;
    border-collapse: collapse;
}
#appDetailsContainer .label {
    display: inline-block;
    color: #0c0c0c;
}

#appDetailsContainer .data {
    display: inline-block;
    color: #0c0c0c;
}

#appDetailsContainer .row {
    margin-bottom: 20px;
}

#appDetailsContainer h3 {
    margin-bottom: 20px;
    font-family: FontAwesome;
}

#deployment-services th, #deployment-services td {
    font-size: 12px;
}
#deployment-services th, #deployment-services td {

}