.user_modules_container
{
    border:1px solid #cccccc;
    margin-bottom:20px;
    width:280px;
}
.user_modules_row
{
    height: 30px;
    display:flex;
    border-bottom:1px solid #cccccc;
    cursor:context-menu;
}
.user_modules_row:hover
{
    background-color:white;
}
.user_modules_row p
{
    margin:auto;
    align-self: center;
    text-align: center;
}
.user_modules_module_name
{
    width:100px;
}
.user_modules_module_expiration
{
    width:100px;
}
.user_modules_module_days
{
    width:80px;
}
.user_modules_module_buy
{
    width:160px;
}
.user_data
{
    width:110px !important;
}
#password_update
{
    
}
#password_update input
{
    width:80px;
}

/* ADMIN */
#date_container
{
    display:flex;
}
#date_container p
{
    margin:5px 0 5px 0;
}
#date_container>div
{
    margin-right: 20px;
}
.registered_user_log
{
    border:1px solid black;
    /*max-height:200px;*/
    /*overflow-y: scroll;*/
}
.registered_user_log_row
{
    display:flex;
    border:1px solid #cccccc;
    border-bottom: transparent;
    cursor:context-menu;
}
.registered_user_log_row:hover
{
    background-color:white;
    cursor:pointer;
}
.registered_user_log_row p
{
    margin:0;
    padding:5px;
    flex:1 1 10px;
    border-right:1px solid #cccccc;
    text-align: center;
}

/* PASSWORD ADMIN */
.admin_password_container
{
    width:400px;
}
.admin_password_row
{
    display:flex;
    height: 30px;
    margin-bottom: 10px;
}
.admin_password_row p
{
    width:100px;
    margin:0 10px 0 0 ;
    align-self: center;
    text-align: right;
}
.admin_password_row .input_field
{
    height:60%;
    align-self: center;
}
.admin_password_row .login_button_class
{
    width:100px;
    height:80%;
    align-self: center;
    margin-left: 20px;
}
.admin_user_list
{
    max-height: 200px;
    overflow-y: scroll;
    border:1px solid black;
    margin:10px 0;
}
.admin_user_list_item
{
    min-height:25px;
    display:flex;
    border-bottom: 1px solid #cccccc;
}
.admin_user_list_item:hover
{
    background-color: white;
}
.admin_user_list_item p
{
    margin:0;
    flex:1 1 10px;
    text-align: center;
    align-self: center;
    border-right: 1px solid #cccccc
}
#admin_user_list_content
{
    cursor: pointer;
}
#selected_user
{
    width:400px;
}
#selected_user>div
{
    display:flex;
}
.selected_user_item
{
    display:flex;
    margin-bottom: 10px;
}
.selected_user_item p
{
    margin:0;
    align-self: center;
    margin-right: 10px;
    text-align: right;
    flex: 0 0 100px;
}
.selected_user_item input
{
    height:18px;
    align-self: center;
    flex: 1 1 auto;
}
#selected_user_apply
{
    justify-content: flex-end;
    display:flex;
}
.search_settings
{
    display:flex;
    /*justify-content: center;*/
    padding:10px;
    border-bottom: 1px solid black;
}
.search_settings_content 
{
    flex:1 1 100px;
    padding-right:5px;
}
.search_settings_id
{
    width:40px;
    display:flex;
}
.search_settings_id p
{
    align-self: center;
    text-align: center;
    margin:0;
}
.my_text
{
    width:100%;
    word-break: break-all;
    background-color: white;
    border:1px solid #cccccc;
    padding:3px;
    min-height: 1.1em;
}
.search_settings_link
{
    display:flex;
    justify-content: space-between;
    padding-bottom: 5px;
}
.search_settings_link a
{
    font-weight: bold;
}
.search_settings_link p
{
    margin: 0;
}
.search_settings_update
{
    width: 30px;
    display: flex;
    justify-content: flex-end;
}
.search_settings_update button
{
    align-self: center;
    padding:0;
    width:24px;
    height:24px;
    font-weight: bold;
    cursor:pointer;
}


/* USER  */
.modulator_price_container
{
    width:700px;
    /*border:1px solid black;*/
    border-bottom: transparent;
    border-top: transparent;
    display:flex;
    flex-direction: column;
}
.modulator_price_container p
{
    margin:0;
    text-align: center;
    align-self: center;
    font-family: Calibri;
}
.modulator_column_0
{
    flex: 0 0 120px;   
    justify-content: flex-start;
    display:flex;
}
.modulator_column_0 p
{
    align-self: center;
    text-align: left;
    padding-left:20px;
}
.modulator_column_1
{
    flex:1 1 auto;
    display:flex;
    border-left: 1px solid #cccccc;
}
.modulator_column_package_container
{
    display:flex;
    height:100%;
}
.modulator_column_package
{
    flex:1 1 33px;
    display:flex;
    justify-content: center;
}
.modulator_column_package>*
{
    align-self: center;
}
.modulator_table_content
{
    border:1px solid #cccccc;
}
.modulator_row_top
{
    display:flex;
    height:35px;
}
.modulator_row
{
    display:flex;
    height:30px;
}
.modulator_row_total
{
    display:flex;
    
}
.modulator_tab_container
{
    display:flex;
    justify-content: flex-start;
    height:100%;
    padding-left:1px;
}
.modulator_tab_button
{
    margin:0 1px 0 0;
    border: 1px solid #cccccc;
    border-bottom:transparent;
    border-radius: 8px 8px 0 0;
    padding:0 5px;
    display:flex;
    justify-content: center;
    cursor: pointer;
}
.modulator_tab_button p
{
    margin:0;
    align-self: center;
}

#order
{
    width:400px;
    align-self: center;
    background-color: white;
    display:flex;
    justify-content: center;
    border:2px solid #0e82b8;
    border-radius: 15px;
}
#order p
{
    margin:0;
    align-self: center;
}
#order_table
{
    align-self: center;
    display: flex;
    flex-direction: column;
    width:80%;
    margin:10px;
}
.order_table_column_0
{
    flex:0 0 100px;
    display: flex;
    padding-left:15px;
    box-sizing: border-box;
}
.order_table_column_1
{
    flex: 1 1 100px;
    display: flex;
    justify-content: center;
}
.order_table_column_2
{
    flex:1 1 100px;
    display: flex;
    justify-content: center;
}
.order_table_column_2 div
{
    justify-content: center;
}
.order_table_header_row
{
    height: 50px;
    display:flex;
    border:1px solid black;
}
.order_table_header_row div
{
    justify-content: center;
}
.order_table_row
{
    display: flex;
    height:40px;
    border:1px solid black;
    border-top: none;
}
.order_table_total_row
{
    align-self: flex-end;
    display: flex;
}
.order_table_total_row>div
{
    display:flex;
    border:1px solid black;
    border-top:none;
    height:100px;
    width:130px;
    justify-content: space-around;
    font-weight: bold;
}
#order_status
{
    margin:auto;
    padding:20px 10px;
    display:none;
    flex-direction: column;
}

/*   DEVELOPMENT   */
.development_content
{
    margin:10px;
    
}
.development_content p , .development_content span
{
    font-family: Calibri;
}
.development_tabs
{
    height:30px;
    display:flex;
    justify-content: flex-start;
}
.development_tabs>div
{
    margin:0 8px 0 0;
    border:1px solid #cccccc;
    border-radius: 5px 5px 0 0;
    padding:0 5px;
    display:flex;
    justify-content: center;
    cursor:context-menu;
}
.development_tabs>div:hover
{
    cursor:pointer;
}
.development_tabs>div>p
{
    align-self: center;
    text-align: center;
}
.development_tab_selected
{
    color:white;
    background-color: rgb(14,130,184);
}
.development_module_content
{
    border:1px solid #cccccc;
    background-color: white;
    margin-bottom: 20px;
}
.development_module_single_item
{
    border:1px solid rgba(0,0,0,0.35);
    border-radius: 10px;
    margin:20px;
    background-color: #edf1f5;
    overflow: hidden;
}
.development_module_single_item_subject
{
    padding-left: 5px;
    height:35px;
    display:flex;
    color:white;
    background-color: rgb(14,130,184);
}
.development_module_single_item_subject p
{
    margin:0;
    align-self: center;
}
.development_module_single_item_header
{
    display:flex;
    padding-left: 30px;
    height:25px;  
    border-top: 1px solid rgba(0,0,0,0.35);
    border-bottom: 1px solid rgba(0,0,0,0.35);  
}
.development_module_single_item_header>*
{
    align-self: center;
}
.development_module_single_item_header p
{
    margin: 0 20px 0 0;
    display:flex;
}
.development_module_single_item_header span
{
    font-weight: bold;
    margin-left:10px;
}
.development_module_single_item_subject span
{
    margin-left:10px;
}
.development_header_text
{
    font-weight: bold;
    margin-left: 10px;
}
.development_module_single_item_content
{
    padding:10px;
    background-color:white;
}
.development_module_index
{
    border-right: 1px solid rgba(0,0,0,0.35);
    display:flex;
    height:100%;
    margin-right: 10px;
    padding: 0 5px;
}
.development_module_index p
{
    align-self: center;
    font-size: 1.2em;
}

.development_module_image_container
{
    height:120px;
    margin-right: 20px;
}
.development_module_image_container img
{
    height:100px;
    cursor:pointer;
}
.development_module_image_container div
{
    display:flex;
    /*justify-content: center;*/
}
.development_module_image_container p
{
    margin:0;
    /*align-self: center;*/
}

/* USER FAQ */
#user_faq_home
{
    margin: 10px 20px;
}
#user_faq_home >div
{
    margin:0 20px;
}
#user_faq_home *
{
    font-family: Calibri;
}
#user_faq_home a
{
    font-weight: bold;
}
#user_faq_home a:hover
{
    text-decoration: underline;
}

.upload_row
{
    height:35px;    
    display:flex;
}
.upload_row p
{
    margin:0;
}
.upload_column_0
{
    width:140px;
}
.upload_column_1
{
    width:140px;
}

.user_downloads a, .user_downloads a:visited
{
    font-weight: bold;
    color:#0e82b8;
}
.user_downloads p
{
    margin:7px 0;
}

#admin_promo_div
{
	width:100%;
	/*border:1px solid black;*/
}
.admin_promo_row
{
	border:1px solid #cccccc;
}
.admin_promo_table
{
	border:2px solid #cccccc;
	background-color:white;
}
.admin_promo_row p
{
	border-right:1px solid #cccccc;
	border-bottom:transparent;
	margin:0;
	word-wrap:break-word;
	width:150px;
	padding:2px;
}
#single_company
{
	border:1px solid black;
	width:600px;
}
.single_company_info
{
	margin:0px;
	margin-right:15px;
	width:140px;
	text-align:right;
}
.single_company_style
{
	margin:0px;
	width:240px;
	border:1px solid #cccccc;
	background-color:rgb(235, 235, 228);
}
#single_company div
{
	display:flex;
	flex-direction:row;
	margin:3px;
}



.red
{
    color:red;
}
.bold
{
    font-weight: bold;
}
.flex
{
    display:flex;
}