input {padding:0;border: 1px solid #ddd;}
.title {
    color:#000; 
    font-size: 28px;
    font-family: "Roboto","Tahoma","Helvetica",sans-serif;
    font-weight: 500;
}

.grid_container h1 {
    margin-bottom: 30px;
}

.navbar-fixed-top {
    z-index: 1000;
}

.dataTables_wrapper {
    position: relative;
    margin-bottom: 40px;
    zoom: 1; /* Feeling sorry for IE */
}

.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    /*width: 250px;*/
    height: 30px;
    margin-left: -125px;
    margin-top: -15px;
    padding: 14px 0 2px 0;
    border: 1px solid #ddd;
    text-align: center;
    color: #999;
    font-size: 14px;
    background-color: white;
}

.dataTables_length {
    float: left;
}

.dataTables_filter {
    float: right;
    text-align: right;
}

.dataTables_info {
    float: left;
}
.dataTables_wrapper .dataTables_paginate {
    text-align: center;
}

#grids_first, #grids2_first , #grids3_first,  #grids4_first,  #grids5_first,  #grids6_first{
    display: inline-block; width:20px; height: 8px; background: url('icon/first_page_active_icon.png') no-repeat center 6px;
}
#grids_first.disabled, #grids2_first.disabled, #grids3_first.disabled, #grids4_first.disabled, #grids5_first.disabled, #grids6_first.disabled {
    display: inline-block; width:20px; height: 8px; background: url('icon/first_page_icon.png') no-repeat center 6px;
}

#grids_paginate .disabled, #grids2_paginate .disabled, #grids3_paginate .disabled, #grids4_paginate .disabled, #grids5_paginate .disabled, #grids6_paginate .disabled{color: #D4D7D9 !important;}
#grids_previous, #grids2_previous, #grids3_previous, #grids4_previous, #grids5_previous, #grids6_previous {
    font-size: 14px !important;
}

#grids_last , #grids2_last , #grids3_last, #grids4_last, #grids5_last, #grids6_last{
    display: inline-block; width:20px; height: 8px; background: url('icon/last_page_active_icon.png') no-repeat center 6px;
}
#grids_last.disabled, #grids2_last.disabled , #grids3_last.disabled, #grids4_last.disabled, #grids5_last.disabled, #grids6_last.disabled{
    display: inline-block; width:20px; height: 8px; background: url('icon/last_page_icon.png') no-repeat center 6px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
    margin: 0 auto;
    clear: both;
    border-collapse: collapse;
    border-bottom: 0px solid #e6e6e6;
}
table.display tr {width: 100%;}
table.display thead th {
    padding: 11px 15px;
    color: #000;
    font-weight: normal;
    cursor: pointer;
    vertical-align: top;
    text-align: left;
    font-size: 14px;
}
table.display  thead th:not(:first-of-type) {
    background: url('icon/table_side_border.png') no-repeat scroll 0% center #f3f3ee;
}

table.display tfoot th {
    padding: 0;
    border-top: 1px solid black;
    font-weight: bold;
}

table.display td {	
    height: 72px;
}
table.display table tr td {
    height: auto !important;
}
table.display td,  table#grids tr td{
    border-right: 0 !important;
    border-left: 0 !important;
    /*cursor: pointer;*/
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    /*    border-top: 1px solid #e6e6e6;*/
}
table.display tr td:not(:first-of-type) {
    background: url('icon/table_side_border.png') no-repeat scroll 0% center #fff;
}
table.display  table tr td {
    background: none !important;
}

table.display td.center {
    text-align: center;
}
table.dataTable.display tbody td {
    border: 0 !important;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */
.sorting_asc {
    background: url('icon/sort_asc.png') no-repeat scroll 99% 16px #f7f7f7 !important;
}

.sorting_desc {
    background: url('icon/sort_desc.png') no-repeat scroll 99% 16px #f7f7f7 !important;
}
.sorting {
    background: url('icon/sort_both.png') no-repeat scroll 99% 16px #f3f3ee !important;
}
.sorting:not(:first-of-type) {
    background: url('icon/table_side_border.png') no-repeat scroll 0% center  , url('icon/sort_both.png') no-repeat scroll 99% 16px #f3f3ee !important;
}
.sorting_disabled {
    background: #F3F3EE ;
}
table.dataTable thead th {
    position: relative;
    /*background-image: none !important;*/
}
.sorting_asc_disabled {
    background: url('../icon/sort_asc_disabled.png') no-repeat scroll 99% 16px #D9DFE1;
}
.sorting_desc_disabled {
    background: url('../icon/sort_desc_disabled.png') no-repeat scroll 99% 16px #D9DFE1;
}
table.dataTable tbody tr {
    background: #fafaf8 !important;
}

table.display thead th:active,
table.display thead td:active {
    outline: none;
}
table.display tr {
    font-family: "Roboto","Tahoma","Helvetica",sans-serif;
    font-size: 14px;
    
}
table.display  tr:not(#last_tr) {
    border-bottom: 1px solid #ddd;
}
table.display tr.odd{
    background-color: #fff;
}
table.display tr.even{
    background-color: #fff;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.dataTables_scroll {
    clear: both;
}
.dataTables_scrollBody {
    *margin-top: -1px;
    -webkit-overflow-scrolling: touch;
}
.top, .bottom {
    padding: 15px;
    background-color: #F5F5F5;
    border: 1px solid #CCCCCC;
}
.top .dataTables_info {
    float: none;
}
.clear {
    clear: both;
}
.dataTables_empty {
    text-align: center;
}
.paging_full_numbers {
    width: 100%;
    height: 57px;
    /*margin-top: 6px;*/
    padding-top: 19px;
    background: #fff;
}
.paging_full_numbers a:active {
    outline: none
}
.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {	
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 2px 5px;
    margin: 0 3px;
    margin-left: 10px;
    cursor: pointer;
    *cursor: hand;
    color: #2E5555 !important;
    font-family: "Roboto","Tahoma","Helvetica",sans-serif; font-size: 14px; font-weight: normal; 
    border: 0 !important;
}
#grids_paginate span {
    margin-bottom: 5px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #FFF !important;
    background: url('icon/current_page_icon.png') no-repeat center center !important;
    text-align: center !important;
    line-height: 20px;
}
.table > tbody > tr > td  {padding:0px 15px 0px 15px; color: #000; font-size: 15px; font-weight: 500; vertical-align: middle !important }
.table > tbody > tr > td > span {color: #000; font-size: 13px; font-weight: 500}
div.div_search_init input.search_init, div.div_search_init select.search_init {  width: 85% !important; height: 35px;}
div.div_search_init, div.div_search_init select.search_init {vertical-align: middle; height: auto;  margin-top: 30px;}
input.search_init, select.search_init { font-family: "Roboto","Tahoma","Helvetica",sans-serif; font-size: 14px; font-weight: normal; font-style: italic;}
input.search_init {padding-left: 3px;}
thead tr th input {
    font-family: "Roboto","Tahoma","Helvetica",sans-serif; 
    font-size: 14px; 
    font-weight: normal; 
    font-style: italic;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    ::-webkit-input-placeholder {color: #D9DFE1;}
    :-moz-placeholder {color: #D9DFE1;} /* Firefox 18- */
    ::-moz-placeholder { color: #D9DFE1;}  /* Firefox 19+ */
    :-ms-input-placeholder {color: #D9DFE1; }
}
span.search_init {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-left:-105px;
    width: 110px;
    border:1px solid #bfd5e0;
}

.more_details_title {margin-bottom: 5px;}

.more_details tr {height: 33px;}
.form-control:focus {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(26,188,156,.5) !important;
    border-color: #1ABC9C;
}
.details_label {
    margin-top: -9px;
    float: left;
    display: inline;
    position: relative;
    /*margin-left: 28px;*/
}
.deltails_input {display: none;
                 margin-top: 4px;
}
.ditails_textarea {
    width: 100%;
    border:1px solid #ddd;
    overflow: hidden;
    resize: none;   
    height: 50px;
    padding-left: 5px;
    display: block !important;
}
input.error_class, select.error_class { border: 1px solid red !important; color: red !important;}
#grids_filter label, #grids2_filter label , #grids3_filter label, #grids4_filter label, #grids5_filter label, #grids6_filter label {font-family: "Roboto","Tahoma","Helvetica",sans-serif; font-size: 14px; font-weight: normal;  }
#grids_filter label input, #grids2_filter label input, #grids3_filter label input, #grids4_filter label input, #grids5_filter label input, #grids6_filter label input {
    color:#698484; width: 192px; border: 1px solid #bfd5e0; text-indent: 22px;  background: url("icon/search_icon.png") no-repeat scroll 1px 0px #fff !important;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-left: 23px;
}
#grids_info, #grids2_info, #grids3_info, #grids4_info , #grids5_info, #grids6_info{color:#005584; margin-top: 8px; font-family: "Roboto","Tahoma","Helvetica",sans-serif; font-size: 14px; font-weight: normal; font-style: italic;}
#grids_length label, #grids2_length label, #grids3_length label, #grids4_length label, #grids5_length label, #grids6_length label {font-family: "Roboto","Tahoma","Helvetica",sans-serif; font-size: 14px; font-weight: normal; color:#fff;}
#grids_length label select {color:#005584; border: 1px solid #005584;}
#grids_length label select {font-family: "Roboto","Tahoma","Helvetica",sans-serif; font-size: 14px; font-weight: normal; font-style: italic;}

.plus {display: inline-block; height: 18px;  margin-right: 10px;}
.minus { margin-right: 10px;}
div.dt-buttons {
    margin-top: 3px;
    text-align: right;
    float: right;

}

.grid_header, .grid2_header, .grid3_header, .grid4_header , .grid5_header, .grid6_header{
    background-color: #000;
    height: 46px;
    padding: 10px 15px;
    width: 100%;
}
/*.grid_header .select2-container--default .select2-selection--single .select2-selection__rendered, .grid2_header .select2-container--default .select2-selection--single .select2-selection__rendered
, .grid3_header .select2-container--default .select2-selection--single .select2-selection__rendered, .grid4_header .select2-container--default .select2-selection--single .select2-selection__rendered
, .grid5_header .select2-container--default .select2-selection--single .select2-selection__rendered, .grid6_header .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 1.42857143;
}*/

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-right: 0;
}

.dataTables_wrapper, .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate
{
    font-family: "Open Sans", "Tahoma", "Helvetica", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}

.more_details {
    padding: 0px 0px 0 22px !important;
}

.more_details td {
    padding-top: 5px !important;
    padding-bottom: 0 !important;
}

td.more_details_title {
    height: 80px;
    color: #000;
    font-family: "Roboto", "Tahoma", "Helvetica", sans-serif;
    font-size: 22px;
    font-weight: 300;
    border: 0 !important
}

td.more_details_text {
    color: #507070 !important;
    font-size: 15px !important;
    font-weight: 300 !important;
    border: 0 !important
}
.more_details tr {
    border: 0 !important;
}
.company_informations table tbody tr {
    background: url("icon/company_info_delimiter.png") no-repeat center bottom !important; 
}

.company_informations tbody td {
    border: 0;
}

.first_level_support tbody td {
    font-size: 15px !important;
}

td.first_level_support_title {
    color: #000 !important;
}
div#details table thead tr {height: 75px;}
div#details table tbody tr td,  div#details table tbody tr td span{
    font-family: "Roboto", "Tahoma", "Helvetica", sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #2e5555;
}
.more_details table tbody tr td {
    padding-left:30px;
}
.more_details table tbody tr:first-of-type td {
    padding-top: 30px !important;
}

.more_details table tbody tr td {
    font-size: 14px;
    color:#000;
}

.more_details table tbody tr td:first-of-type {
    /*font-size: 13px;*/
    color:#808080;
}

.more_details_title img {
    vertical-align:bottom; margin-right:10px; margin-left: -11px;
}

.more_details_title_faq img {
    vertical-align:middle;
}

.more_details_title span {
    font-weight: 300; color: #000; font-family: "Roboto", "Tahoma", "Helvetica", sans-serif;
}

.more_details_title_faq span {
    font-weight: 300; color: #000;
}

.more_details table tbody tr td.registered_machines_type {
    color : #808080;
    text-decoration: underline;
    font-size: 16px;
}

.more_details table tbody tr td.registered_machines_no {
    color : #231F20;
    font-size: 16px;
    width: 100px;
}

.add_new_licence {
    height:57px;
    width:100%;
    background: #fff;
}

.add_new_licence span {
    float: right;
    padding-top: 28px;
    padding-right:42px;
    font-weight: 500;
    font-size: 15px;
    font-family: "Roboto", "Tahoma", "Helvetica", sans-serif;
    color: #000;
}

.add_new_licence div {
    float: left;
    padding-top: 28px;
    padding-right:42px;
    font-weight: 500;
    font-size: 16px;
    font-family: "Roboto", "Tahoma", "Helvetica", sans-serif;
    color: #2E5555;
}

.add_new_licence div div {
    display: inline-block;
    float: left; 
    width:500px; 
    height: 27px; 
    background: #fff;
}

.add_new_licence div img {
    width:27px;
    height:27px;
    margin-left: 5px;
    display: inline-block;
    float: left;
}

.add_new_licence span img {
    margin-left: 19px;
    cursor: pointer;
    margin-right: 8px;
    vertical-align: middle;
}

#grids tbody input, #grids thead input, #grids2 tbody input, #grids2 thead input, #grids3 tbody input, #grids3 thead input, #grids4 tbody input, #grids4 thead input, #grids5 tbody input, #grids5 thead input, #grids6 tbody input, #grids6 thead input {
    color:#000;
    width: 218px;    
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    vertical-align: sub;
    font-size: 15px;
    font-style: normal;
}

#grids thead input, #grids2 thead input, #grids3 thead input, #grids4 thead input, #grids5 thead input, #grids6 thead input {
    position: absolute;
    bottom: 5px;
}

.status_in_grid {
    display: block;
    vertical-align:middle;
    margin:0 auto;
}

.table_status{
    display: table;
    margin: 0 auto;
/*    cursor: pointer;*/
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    vertical-align: baseline;
}

#grids tbody input.input_inline_edit, #grids2 tbody input.input_inline_edit, #grids3 tbody input.input_inline_edit, #grids4 tbody input.input_inline_edit, #grids5 tbody input.input_inline_edit, #grids6 tbody input.input_inline_edit {
    width:50px;
    font-family: "Roboto","Tahoma","Helvetica",sans-serif;
    font-size: 13px;
    font-weight: 400;
}

.dt-button span {
    display: inline-block;
    margin-top: 33px;
    float: right;
    margin-right: -5px;
}

.print_button span {
    margin-right: 2px;
}

.dt-button {
    background-attachment: scroll !important;
    background-clip: border-box !important;
    background-color: transparent !important;
    background-origin: padding-box !important;
    background-position: 0 0 !important;
    background-repeat: no-repeat !important;
    background-size: auto auto !important;
    border: none !important;
    height: 65px;
    margin-right: 9px !important;
    width: 40px;
}

.buttons-print {
    background-image: url("icon/print_icon.png") !important;
}
.buttons-excel {
    background-image: url("icon/xls_icon.png") !important;
}

.buttons-csv {
    background-image: url("icon/csv_icon.png") !important;
}

.buttons-pdf {
    background-image: url("icon/pdf_icon.png") !important;
}

table.display tr.selected td {
    background: rgba(25,187,155,0.3) !important;
}
::-webkit-input-placeholder {
    font-style: italic;
    color: #8da2a2;
}

:-moz-placeholder { /* Firefox 18- */
    font-style: italic;
    color: #8da2a2;
}

::-moz-placeholder {  /* Firefox 19+ */
    font-style: italic;
    color: #8da2a2;
}

:-ms-input-placeholder {
    font-style: italic;
    color: #8da2a2;
}


.more_details {
    border-top: none !important;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.generate_licence_button {
    opacity: 1;
    line-height: 25px;
    text-align: center;
    color:#049aa0 !important;
    font-size: 15px !important;
    font-family: "Roboto","Tahoma","Helvetica",sans-serif;
    cursor: pointer;
}

.generate_licence_button.notactive {
    opacity: 0.2;
    color:#8da2a2 !important;
}
.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
    padding: 2px 5px;
}
.main_tr .select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
    padding: 0px 0px;
}
.select2-container {
    background: #fff;
    border:1px solid #ddd;
}
.select2-dropdown {
    border:1px solid #ddd;
    border-top: none;
}
.select2-container--open {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(26,188,156,.5);
}

.select2-selection__rendered {
    padding-left: 0 !important;
    margin-top: -2px;
}

.ui-widget {
    position: relative;
}
.ui-widget a.ui-button {
    width: 20px;
    height: 100%;
    position: absolute;
    right: 3px;
    top: 2px;
    background: url("icon/select_box_arrow1.png") center center no-repeat;
    cursor: pointer;
}
.ui-helper-hidden-accessible {display: none;}

.eye {
    background: rgba(243, 243, 238, 0.7) none repeat scroll 0 0;
    display: none;
    float: right;
    opacity: 0.8;
    padding: 11px;
    position: fixed;
    right: 246px;
    width: 141px;
    z-index: 99;
    margin-top: 126px;
    box-shadow: 1px 1px 3px gray;
}
.eye img {
    cursor: pointer;
    float: right;
    position: relative;
}

.eye img:hover{
    height: 17px;
    margin-right: 7px;
    margin-top: 4px;
    vertical-align: top;
    width: 33px;
}

.tabs_menu {
    display: block;
    height: 40px;
    margin-bottom: 10px;
    list-style-type: none;
    padding: 0px;
}
.overview_tab {
    display: inline-block;
    width: 100px;
    height: 40px;
    border: 1px solid #19bb9b;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    font-weight: 500;
    color: #000;
    float:left;
    cursor: pointer;
}
.tabs_menu li:not(:first-of-type) {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    height: 40px;
    background: #aee7dc;
    margin-left: 10px;
}
.open_camp_tab {        
    float:left;        
    text-align: center;
    line-height: 40px;    
    float:left;
    font-size: 18px;
    font-weight: 500;
    color: #000;

}
.close_tab_icon {
    display: block;
    width:12px;
    height:12px;
    vertical-align:middle;
    float: left;
    margin-top: 14px;
    margin-left: 28px;
    cursor: pointer;
}
.empty_field {
    border:1px solid #BEBEBE;
    min-height: 25px;
}
.grid_div, .grid2_div, .grid3_div, .grid4_div, .grid5_div, .grid6_div{
    color: #000;
    font-size: 15px;
    font-weight: 500;
}
.grid_div p, .grid2_div p, .grid3_div p, .grid4_div p, .grid5_div p, .grid6_div p{
    color: #000;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 0px !important;
}

.dropdown_text {
    display:table;
    margin-right: 5px;
    float:left;
}
.article_no_image {
    display: inline-block;
    margin-left:20px;
    margin-top:10px;
    margin-bottom:10px;
    width: 114px;
}
.aritcles_more_details {
    padding-left:15px !important;
}
.aritcles_more_details div
{
    color: #000;
    font-size: 15px;
    font-weight: 500;    
}
.grid_lang, .grid2_lang, .grid3_lang, .grid4_lang, .grid5_lang, .grid6_lang {
    display:table;
    float: right;    
}

.grid_lang span, .grid2_lang span , .grid3_lang span , .grid4_lang span, .grid5_lang span, .grid6_lang span{
    margin-left: 30px;
    font-size: 16px;
    font-weight: 500;
    color:#000;
    cursor: pointer;
    position:relative;
    z-index: 99;
}

.model_config_basic_info_title {
    font-size: 22px;
    font-weight: 300;
    color: #000;
    margin-bottom: 20px;
}

.model_config_basic_info_title img {
    margin-right: 10px;
    vertical-align: bottom;
}
.model_config_basic_info_light {
    font-weight: 300;
    color:#808080;
    line-height: 2.4
}
.model_config_basic_info_bold {
    font-weight: 600;
    color:#000;
}

.model_config_right_boxes { 
    display: flex;
    margin-bottom: 10px;
}

.model_config_save_button {
    padding: 50px 80px;
}

.model_config_text {
    padding-top:7px;
    height: 30px;
}

.camp_settings_header_div{
    height: 60px; padding-top: 14px;
    color:#fff;
    font-size: 22px;
    margin-bottom: 50px;
}

.camp_settings .model_picture_img {
    display: none;
    height: auto;
    border: 1px dotted #ddd;
}

#menu-toggle, .menu-toggle {
    font-size: 20px;
    position: fixed;
    top:50%;
    left:0px;
    z-index: 999;
}
.ui-tabs-active a, .ui-tabs-focus a, .ui-tabs-tab:hover a{
    text-decoration: underline !important;
}


@media(min-width:768px) {
    #menu-toggle, .menu-toggle {
        left:10px;
    }
    
    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        padding: 20px;
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
    .toggled .sidebar_arrol_left {
        opacity: 0 !important;
    }

    .sidebar_arrol_left {
        opacity: 1 !important;
    }    
}

.rotate{
    -moz-transition: all 1s linear;
    -webkit-transition: all 1s linear;
    transition: all 1s linear;
}

.rotate.down{
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
}

.game_status_info_button{
    margin-left: 20px;
}

.edit_txt_picture, .edit_txt {display: table; min-width: 100%; min-height: 25px; cursor: pointer; }
.edit_txt_picture ul, .edit_txt_picture ol {margin-left:20px;}

.software_table_text {
    display: block;
    margin-top:8px;
    cursor: pointer;
}

.software_table_blocks {
    margin-top:25px;
    padding: 10px;
}

.software_table_blocks_title {
    font-size: 20px;
    color:#000;
    font-weight: 300;
}

.software_details i {
    color:#667;
}
.software_publish_button {
    margin-top: 50px;    
}
.software_publish_button a {
    width: 150px;
    height: 35px;
    font-size: 20px;
    line-height: 23px;
}

.param_name {
    width:215px;
}

.phoney {
    background: rgba(0,0,0,0.5) !important;
}
.phoneytext {
    color: #fff;
    font-family: Roboto,Helvetica Neue, Helvetica, arial;
    font-size: 12px;
    line-height: 16px;
    padding: 4px 0px 0px 10px;
    font-weight: bold;
    width: 50px;
    height: 26px;
    cursor: pointer;
}
.phoneytab {
    color: #fff;
    font-family: Roboto, Helvetica Neue, Helvetica, arial;
    font-size: 12px;
    background: rgba(0,0,0,0.5) !important;
}
.tooltip > .tooltip-inner {
    text-align: left;
    max-width: 200px;
    width: 200px;
}

#grids .tooltip > .tooltip-inner {
    width: auto;
}

.tooltip .licenses_legend {
    text-align: left !important;
}

.tooltip.top , .tooltip.bottom, .tooltip.left, .tooltip.right{
    background-color: transparent;
    border:0px solid;
}

.tooltip div.legend_text {
    margin-left: 25px;
    font-family: "Open Sans", "Tahoma", "Helvetica", sans-serif;
}
.help_icon {
    opacity: 0.4;
    float:right;
    font-size: 24px;
    margin-top: 5px;
    cursor: pointer;
}
.help_icon.active {
    opacity: 1;
}
.popover {
    background: #fff;
}
.popover-title {
   font-weight: 600;
   border-radius: 5px;
   border: 0;
}
.more_details .popover .arrow {
    left: 92% !important;
    margin-top: -2px
}
.popover_left_arow .popover  {
    margin-left: -7%;
}
.popover_left_arow .popover .arrow {
    left:7% !important;
}
.popover_center_arow .popover .arrow {
    left:50% !important;
}

.offline_online_status {
    padding-right: 5px;
}

.radio_buttons ul{
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: auto;
}

.radio_buttons ul li{
    color: #808080;
    display: inline-block;
    position: relative;
    float: left;
}

.radio_buttons ul li input[type=radio]{
    position: absolute;
    visibility: hidden;
}

.radio_buttons ul li label{
    display: block;
    position: relative;
    font-weight: 600;
    font-size: 17px;
    padding: 0px 25px 25px 45px;
    margin: 10px auto;
    height: 30px;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
    color:#808080;
}

.radio_buttons ul li:hover label{
    color: #000;
}

.radio_buttons ul li .check {
    display: block;
    position: absolute;
    border: 3px solid #808080;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    top: 12px;
    left: 20px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}

.radio_buttons ul li:hover .check {
    border: 3px solid #000;
}

.radio_buttons ul li .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 10px;
    width: 10px;
    top: 2px;
    left: 2px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

.radio_buttons input[type=radio]:checked ~ .check {
    border: 3px solid #000;
}

.radio_buttons input[type=radio]:checked ~ .check::before{
    background: #000;
}

.radio_buttons input[type=radio]:checked ~ label{
    color: #000;
}

#grids tbody .prize_table label {
    float: right;
}
#grids tbody .prize_table input, .prize_table select {
    width: 90px;
}
#grids tbody .prize_table .foto_tr {
    background: transparent !important;
    height: 156px;
}
#grids tbody .prize_table .foto_tr td:first-of-type {
    vertical-align: top;        
}
#grids tbody .prize_table .details_foto {
    position: relative;
    text-align: center;
    height: 153px;
    line-height: 140px;
    border: 1px dotted #ddd;
}
#grids tbody .prize_table .details_foto .picta {
    max-height: 150px;
    max-width: 150px;
}
.foto_tr_holder img{
    display: block;
    margin: 0 auto;
    max-height: 50px;
    max-width: 50px;
}
#grids tbody .prize_table .select2-container--default .select2-selection--single .select2-selection__arrow
{
    top:4px;
}
.div_picture_selectable_parent {
    position: relative;
    display:inline-block; 
    margin-left: 10px;
}
.div_picture_selectable {
    margin-bottom: 25px;
    float: left;
    padding: 10px;
    padding-bottom: 7px;
    border: 3px solid #fff;
    cursor: pointer;
}
.picture_seletable_delete {
    right: 3px;
    top: 3px;
    position:absolute;
    font-size: 12px;
}
.div_picture_selectable img {
    height: 75px;
}
.div_picture_selected {
    border: 3px solid #19bb9b;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
.div_picture_selected_for_delete {
    border: 3px solid red;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
.emails_table .dataTables_length label {
    font-size: 17px !important;
}
.checkbox_holder .checkbox {
    width: 25px !important;
}
.create_pdf {
    cursor: pointer; 
    text-align: center;
}
.create_pdf:hover {
    text-decoration: underline;
}
.created_pdf {
    display: block;
    margin:0 auto;
    cursor: pointer;
}
.next_draw {
    position: absolute;
    font-size: 16px;
    padding-top: 25px;
}
.height_20 {
    min-height: 20px;
}
.arrow-up {
  width: 10px; 
  height: 10px; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;  
  border-bottom: 5px solid #000;
  cursor:pointer;
}
.arrow-down {
  width: 10px; 
  height: 10px; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
  cursor:pointer;
  margin-top:5px;
}