.login{background-color:#384152!important}
.login .content .form-control {
    background-color: #303a48 !important;
    border: none !important;
    color: #697687 !important;
}
.login .logo {
    margin: 0 auto;
    margin-top: 10px !important;
    padding: 15px;
    text-align: left !important; }
.login .content .form-control:-ms-input-placeholder {
    color: #697687 !important; }
.login .content .form-control::-webkit-input-placeholder {
    color: #697687 !important; }

.login .content .forget-form, .login .content .register-form{
    display: block !important;
}
.forgot-black-btn{
    background-color: #384152 !important;
    color: #ffffff !important;
    border: 1px solid #c9dce9 !important;
}

.action_icon_container {
    padding: 5px 10px;
    display: inline-block !important;
    float: left !important;
    width: auto !important;
}

.pagination>li>a, .pagination>li>span {
    float: none !important;
}

.table-toolbar {
    margin-top: 20px;
}

a:active, a:focus, a:hover {
    text-decoration: none;
}
.table-checkable tr>td:first-child, .table-checkable tr>th:first-child{
    padding-right: 30px !important;
}

.note-no-border-left {
    border-left: none;
}

.note-search {
    padding: 30px 30px 30px 15px;
}

#clear_search {
    text-decoration: underline;
    margin-left: 20px;
}

#response_message_close {
    float: right; font-weight: 600; cursor: pointer;
}

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

.element-max-width .select2{
    max-width: 200px;
}
.form-group.form-md-line-input.has-info .form-control{
    border-bottom: 1px solid #32c5d2 !important;
}
.add_icon_div{
    color: #32c5d2;line-height: 70px;font-size: 20px; cursor: pointer;
}

.display-block{
    display: block !important;
}
.display-inline{
    display: inline-block !important;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary{
    background: #32c5d2;
}

/** Draw Circular Input */
.image-error-div {
    text-align: center;
    margin-top: 10px;
    color: #e73d4a;
}

.input-circular-blue {
    border: 1px solid #32c5d2;
    color: #32c5d2;
}

.input-circular-container-blue {
    border: 3px solid #32c5d2;
}

.input-circular-grey {
    border: 1px solid #999999;
    color: #999999;
}

.input-circular-container-grey {
    border: 3px solid #999999;
}

.input-circular-container-error{
    border: 3px solid red !important;
}

.input-circular-container-blue {
    border: 3px solid #32c5d2;
}

.input-circular-white {
    border: 1px solid #ffffff;
    color: #ffffff;
}

.input-circular-filled{
    background-color: #32c5d2;
}

.input-circular-container-filled {
    background-color: #32c5d2;
}

.input-circular{
    border-radius: 50% !important;
    width: 45px;
    height: 45px;
    padding: 10px;
    outline: none;
    text-align: center;
    font-size: 16px;
}

.input-circular-container {
    padding: 5px 2px 2px 5px;
    border-radius: 50% !important;
    width: 61px;
    height: 61px;
    /*float: left;*/
    margin: 15px;
    display: inline-block;
}
/** Draw Circular Input */

.hr-text-caption {
    border: 1px solid #ccc !important;
    font-size: 11px;
    font-weight: 100 !important;
    padding: 3px 10px 1px 10px;
    border-radius-left-top: 4px !important;
}

.hr-text-caption-container {
    border-bottom: 1px solid #ccc;
    margin-bottom: 25px;
}

.input-circular-container input[type="number"]::-webkit-outer-spin-button, .input-circular-container input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.input-circular-container input[type="number"] {
    -moz-appearance: textfield;
}

.input-circular-fix{
    padding: 5px 5px 9px 5px !important;
}

.form-element-container {
    display: inline-block;
    float: left;
    width: 250px;
    margin-right: 10px;
}

.form-element-container input, .form-element-container select{
    max-width: 250px !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-left-20 {
    margin-left: 20px !important;
}
.margin-0 {
    margin: 0 !important;
}

#reportrange {
    height: 30px;
}

.table-checkable tr>td:first-child, .table-checkable tr>th:first-child {
    padding-left: 10px;
}

.blockOverlay {
    z-index: 99999 !important;
}

.blockMsg {
    z-index: 999999 !important;
}

.form-group.form-md-line-input.has-error .form-control {
    border-bottom: 2px solid #e73d4a;
}

.note-search .date-picker button{
    height: 30px;
}

.banner_no_image_upload, .edit_banner_no_image_upload{
    width: 100px;
    max-width: 100px;
    max-height: 75px;
    height: 75px;
}

.noimage_container {
    display: inline-block;
    float: left;
    margin-right: 10px;
}

.add-game-images .banner_no_image_upload,
.add-game-images .edit_banner_no_image_upload{
    width: 200px;
    max-width: 200px;
    max-height: 150px;
    height: 150px;
}

.add-game-images .noimage_container {
    display: block;
    float: none;
    margin-right: 0;
}

.padding-top-0
{
    padding-top: 0 !important;

}

.image_upload_add_delete {
    font-size: 20px; cursor: pointer;
}

.text-color-grey {
    color: #999999 !important;
}

.text-color-blue {
    color: #32c5d2 !important;
}

.add_icon_span, .delete_icon_span{
    color: #999999;font-size: 17px;margin-top: -15px;
}
.removeCriteriaContainer {
    float: left;
    margin-right: 10px;
    color: #e73d4a;
    font-size: 18px;
    cursor: pointer;
    margin-top: 8px;
}

.element-width-190 {
    width: 190px !important;
}

.element-width-290 {
    width: 290px !important;
}

.element-width-130 {
    width: 130px !important;
}

.element-width-220 {
    width: 220px !important;
}

.float-left {
    float: left;
}

.removeOperatorContainer, .removeSelectionContainer {
    float: left;
    margin-right: 10px;
    color: #e73d4a;
    font-size: 18px;
    cursor: pointer;
    margin-top: 8px;
    margin-left: -27px !important;
}

.has-error .btn-file {
    border: 1px solid #e73d4a !important;
}
.table-checkable tr>td:first-child, .table-checkable tr>th:first-child{
    text-align: left !important;
}

.help-block-custom {
    color: #e73d4a;
    opacity: 1;
    position: absolute;
    margin: 2px 0 0;
}

.allowed {
    cursor: default !important;
}
.popover-content{
    padding: 9px 10px !important;
}
.popover-title {
    padding: 8px 13px !important;
}
.dark-yellow{
    background-color: #ffa802;
    color: #fff !important;
}
.cursor{
    cursor: pointer;
}
.padding-top-10{
    padding-top: 10px !important;
}
.padding-top-30{
    padding-top: 10px !important;
}
.padding-bottom-30{
    padding-bottom: 30px !important;
}
.edit_icon_span{
    font-size: 17px !important;
}
.theme-blue{
    background-color: #32c5d2;
    color: #fff !important;
}

#dynamic_section_customer .form-control
{
    max-width: 200px !important;
}

#modal_view_customer_group_management .removeCriteriaContainer {
    display: none !important;
}
.span_input_symbol{
    position: absolute;
    background: none;
    border: none;
    margin-top: 4px;
    margin-left: -12px;
}
.span_input_symbol_new{
    position: absolute;
    background: none;
    border: none;
    margin-top: 4px;
    margin-left: -33px;
}
.input-symbol{
    padding-left:14px !important;
}

.show_remaining_cal_container {
    border: 1px solid #c2cad8;
    text-align: center;
    padding: 15px 8px;
    max-width: 170px;
    height: 100px;
}

#show_remaining_cal
{
    font-size: 28px;
    color: red;
    text-align: center;
}

#modal-add-bonus-management-form .removeOperatorContainer, #modal-edit-bonus-management-form .removeOperatorContainer, #modal-view-bonus-management-form .removeOperatorContainer {
    margin-left: 0 !important;
}

#modal-add-bonus-management-form .custom-width-label, #modal-edit-bonus-management-form .custom-width-label, #modal-view-bonus-management-form .custom-width-label {
    width: 190px;
    margin-left: 25px;
}

#error_max_probability {
    padding: 5px 9px;
    color: red;
    border: 1px solid;
    margin-bottom: 10px;
}

#modal-add-customer_group-management-form .form-group.form-md-line-input, #modal-edit-customer_group-management-form .form-group.form-md-line-input {
    position: relative;
    margin: 0 0 10px !important;
    padding-top: 12px !important;
}

.form-group.form-md-line-input{
    margin: 0 0 15px !important;
}

.panel{
    margin-bottom: 0px !important;
}

.note-editable{
    height: 200px !important;
}
.width200{
    width: 200px !important;
}
.width60{
    width: 60px !important;
}
.width120{
    width: 120px !important;
}
.dayText{
    padding-top: 38px;
    margin-left: -40px;
}
.modal-footer{
    text-align: left !important;
}
.width800{
    width: 800px !important;
}
#add_bonus_type-error{
    margin: 34px 0 0 !important;
    opacity: 1 !important;
}
.customer_text{
    margin-top: -11px;
    margin-bottom: 20px;
    color: #999;
    font-size: 12px;
    padding-top: 50px;
    padding-left: 0px;
}

.form_wizards_input{
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px !important;
}

.form-wizar-right-text{
    margin-top: -17px;
    color: #333;
}
.form .form-actions, .portlet-form .form-actions{
   background: none !important;
}
.padding-left-0{
    padding-left: 0px !important;
}
.customer_recive_container {
    border: 1px solid #c2cad8;
    text-align: center;
    padding: 15px 8px;
    max-width: 215px;
    height: 100px;
}

.opacity1{
    opacity: 1 !important;
}
.input-edit-table{
    width: 100px !important;
}

.form-group.form-md-line-input .form-control.edited:not([readonly]):not(:focus)~.help-block, .form-group.form-md-line-input .form-control.edited:not([readonly]):not(:focus)~.help-block-error, .form-group.form-md-line-input .form-control.edited:not([readonly])~.help-block-error, .form-group.form-md-line-input .form-control:focus:not([readonly])~.help-block-error
{
    opacity: 1;
}

.form-group.form-md-line-input .help-block {
    opacity: 1;
}

.custom_error {
    position: absolute;
    color: red;
    font-size: 12px;
}

.currency_for_text_field {
    position: absolute;
    margin-top: 7px;
}

.with_currency_symbol {
    padding-left: 38px !important;
}

.customer_image_div{
    border: 1px solid #ccc; height:200px; width: 180px; text-align: center; line-height: 200px;
}
.customer_icon_text{
    color: #36c6d3; font-size: 25px;
}

.customer_account_details{
    border: 1px solid #ccc;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 10px
}

.customer_arrow_up{
    float: right;
    padding-right: 15px;
    padding-top: 5px;
}

.customer_active_table {
    table-layout: fixed;
    width: 100%;
}

.customer_active_table_th  {
    color: #a3a3a3;
    font-size: 14px;
    font-weight: 500;
    padding: 5px;
}

.customer_active_table_td {
    color: #000;
    font-size: 12px;
    padding: 10px 5px 18px 5px;
}

#add_cusomer_management_div ul{
    margin-bottom: 55px;
}

#add_cusomer_management_div .nav-pills>li {
    border-bottom: 4px solid #ececec;
    padding-bottom: 15px;
}

#add_cusomer_management_div .nav-pills>li.active {
    border-bottom: 4px solid #ffa100;
}

#add_cusomer_management_div .nav-pills>li a{
    color: #afafaf;
}

#add_cusomer_management_div .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    background-color: initial !important;
    color: #787878;
}

#transaction_tab_table td.details-control {
    background: url('../img/transaction-arrow-down.png') no-repeat center center !important;
    cursor: pointer;
}
#transaction_tab_table tr.shown td.details-control {
    background: url('../img/arrow-up.png') no-repeat center center !important;
}

#transaction_tab_table .detailed_history {
    background-color: #40c5d2;
    color: #fff;
}

#transaction_tab_table .starting_balance_heading {
    font-size: 18px;
}

#transaction_tab_table .starting_balance_cash {
    font-weight: 700;
}

#transaction_tab_table .starting_balance_cash .cash_amount, #transaction_tab_table .winning_amount {
    font-size: 17px;
    font-weight: 500;
}

#transaction_tab_table .game_name_value, #transaction_tab_table .bonus_name_value {
    font-size: 17px;
}

#transaction_tab_table .cash_label {
    font-weight: 700;
}

.daterangepicker, .select2-container--open {
    z-index: 9999999 !important;
}

.error{
    color: #e73d4a;
}
.small-text{
    font-size: 13px !important;
}

.vertical-line{
    border-left: 1px solid #e6e6e6;
    height: 260px;
}

.padding-left-30{
    padding-left: 30px;
}
.padding-left-40{
    padding-left: 30px;
}

.winning-border{
    border: solid 1px #40c5d2;
    padding: 10px;
    margin-right: 5px;
    color: #40c5d2;
    margin-left: 0px;
}

.row-table-lottery{
    color: #a3a3a3;
    padding: 10px;
    padding-left: 0px;
}
.ticket-detail-has-winnings .row-table-lottery {
    color: #3bff3b;
}

.font11{
    font-size: 11px !important;
}

.blockUI {
    width: 100% !important;
    border: none !important;
    margin: auto !important;
    left: inherit !important;
}
.btn.btn-outline.purple{
    margin-bottom: 10px;
    color: #e7505a !important;
    font-weight: 600 !important;
    border-color: #e7505a !important;
}

.btn.btn-outline.purple.active, .btn.btn-outline.purple:active, .btn.btn-outline.purple:active:focus, .btn.btn-outline.purple:active:hover, .btn.btn-outline.purple:focus, .btn.btn-outline.purple:hover{
    border-color: #e7505a !important;
    color: #fff !important;
    font-weight: 600 !important;
    background-color: #e7505a !important;
}

.table_total {
    font-size: 14px;
    font-weight: 600;
}
.align-middle {
    vertical-align: middle !important;
}
.bg-header-table{
    background-color:rgb(201, 218, 248);
}

.bg-cell-sale-channel-table{
    background-color:rgb(255, 229, 153);
    border-color: #c3abab  !important;
}
.bg-cell-paid-table{
    background-color:rgb(208, 224, 227);
}
.sale-header {
    background-color: #D4E6F1 !important;
}
.form-group.has-error .input-group .help-block {
    position: absolute;
    top: 30px;
}
.dynamic_language_container .form-group.has-error .custom_error {
    display: block !important;
}
.album-images .noimage_container {
    position: relative;
    margin-left: 10px;
}
.album-images .noimage_container a {
    position: absolute;
    top: 25%;
    left: 40%;
    font-size: 30px;
}
.album-images ul { padding: 0px; }
.album-images ul li {
    list-style: none;
    margin-left: 10px;
    float: left;
    position: relative;
}
.album-images .btn-album-remove-image {
    position: absolute;
    color: red;
    top: -16px;
    right: 0;
}
.album-images .popover.top {
    width: 150px;
}
.article-video {
    display: none;
}
#parent_response_nla_result .dataTables_info,
#parent_response_nla_result .dataTables_length{
    display: none;
}
.draw-nl-header {
    text-align: center;
    background: #3379b2;
    color: #FFF;
    padding: 10px;
    border-radius: 5px !important;
    font-size: 16px;
    margin-bottom: 0px;
}
#customer-transaction-report-download {
    display: none;
}
.break-word {
    word-break: break-word !important;
}
.dt-buttons span {
    font-size: 14px !important;
}
.user-source-dynamic {
    display: none;
}
.modal-edit-permission-list {
    max-height: 300px;
    overflow-y: scroll;
}
.event-type-sec-title, .event-type-dynamic { display: none }
.event-type-sec-title.active, .event-type-dynamic.active { display: block }
.edit-permission-row.hide,
.permission-row.hide {
    display: none !important;
}