/******************************/
/* Text modifications         */
/******************************/

.vl_success {
    color: #339933;
    font-weight: bold;
}

.vl_warning {
    color: #FF9966;
    font-weight: bold;
}

.vl_error {
    color: #FF3333;
    font-weight: bold;
}

.vl_attention {
    color:red;
    font-weight:bold;
}

/******************************/
/* Forms built by the plugin  */
/******************************/

.vl_form {
	max-width: 42em;
}

.wp-admin .vl_form {
	margin-left: 0%;
    margin-right: 2em;
    max-width: 100%;
}

.vl_form input, textarea, select, option {
	width: 100%;
}

td .vl_form input {
	width: 100%;
}

.vl_form input[type=checkbox], .vl_form input[type=radio] {
	width: auto;
	margin-right: 0.5em;
}

.vl_form .vl_checkbox_textfield {
	width: 10em !important;
}

.vl_invalid_input {
	background-color: #FF9966;
}

/******************************/
/* Readme page formatting     */
/******************************/

.vl_readme {
    margin-right: 20px;
}

.vl_readme h1 {
    font-weight: bold;
    font-size: 3em;
}

.vl_readme h2 {
    color: red;
    border-bottom: 1px solid;
    font-size: 2.25em;
    padding-bottom: 0.5em;
}

.vl_readme h3 {
    color: green;
    font-size: 1.5em;
}

.vl_readme .vl_item {
    color: blue;
    font-weight: bold;
}

.vl_readme ul {
    margin: 0px;
    padding: 0px;
    list-style-type: disc;
}

.vl_readme li {
    margin: 0px 0px 0px 20px;
}

.vl_readme code {
    background-color: transparent;
    white-space: pre-line;
}

.vl_readme .vl_code {
    background-color: white;
    padding: 0px 20px 20px 20px;
}

/******************************/
/* [vl-documentation]         */
/******************************/

iframe {
    width: 100%;
    border: none;
}

/******************************/
/* [vl-downloads]             */
/******************************/


.vl_downloads_list details summary::before {
  font-size:0.7rem;
  #content: '\25BA';
  position: relative;
  left: 0;
  margin-right: 5px;
}
.vl_downloads_list details summary.open::before {
  #content: '\25BC';
}
.vl_downloads_list details summary::before {
  #font-size:0.7rem;
  #content:attr(open) '\25BC';
  #position: relative;
  #left: 0;
  #margin-right: 5px;
}


.vl_downloads_list details summary {
    #background-color: #efefef;
    border-bottom: 2px solid #aaa;
    color: #666; 
    padding: 1.15em;
}

.vl_downloads_list .vl_download_file_entry ul {    
    font-weight: 300;
    color: #666;
    list-style-type: square;

}
.vl_downloads_list .vl_download_file_entry h3 {
    font-weight: 300;
    font-size: 1.1em;
    color: #666;

}

.vl_downloads_list .vl_download_file_entry h2 {
    font-weight: 300;
    color: #3d68af;
    font-size: 1.6em;

}


.vl_downloads_list .vl_download_file_entry {
    margin-top: 1.5em;
    #margin-bottom: 1.5em;
    padding-bottom: 1.5em;
    margin-left: 2em;
    #margin-right: 2em;
    display: grid;
    #background-color: #efefef;
    border-bottom: 1px solid #aaa;

}

.vl_downloads_list .vl_downloads_directory {
    margin-top: 1em;
}

.vl_downloads_list .vl_downloads_directory .vl_downloads_directory {
    margin-left: 2em;
    #margin-right: 2em;
}

.vl_downloads_list .vl_download_file_entry .vl_form input  {
    width: 110px !important;

}

.vl_downloads_list .vl_download_file_entry .vl_form .vl-download-btn {
    background-color: #5e8cd6 !important;
    border-color: #5e8cd6;
    color: #3d68af;
	color:#fff !important;
}

.vl_downloads_list .vl_download_file_entry .vl_form .vl-download-btn:hover {
    background-color: #3d68af !important;
    border-color: #3d68af;
    color: #3d68af;
    color:#fff !important;
}

.vl_downloads_list .vl_download_file_entry .vl_form p {
    text-align: right;
}

.vl_downloads_list .vl_download_file_entry p {
    #margin: 0.5em;
    font-weight: 300;
    color: #666;    
}

.vl_downloads_list .vl_download_all_button {
    #float: right;
    color:#fff !important;
}

.vl_downloads_list .vl_downloads_directory .vl_download_all_button {
    #width: 21em;
}
.vl_downloads_list .vl_downloads_directory .vl_downloads_directory .vl_download_all_button {
    width: 19em;
}
.vl_downloads_list .vl_downloads_directory .vl_downloads_directory .vl_downloads_directory .vl_download_all_button {
    width: 17em;
}
.vl_downloads_list .vl_downloads_directory .vl_downloads_directory .vl_downloads_directory .vl_downloads_directory .vl_download_all_button{
    width: 15em;
}
.vl_downloads_list .vl_downloads_directory .vl_downloads_directory .vl_downloads_directory .vl_downloads_directory .vl_downloads_directory .vl_download_all_button {
    width: 13em;
}
.vl_downloads_list .vl_downloads_directory .vl_downloads_directory .vl_downloads_directory .vl_downloads_directory .vl_downloads_directory .vl_downloads_directory .vl_download_all_button {
    width: 11em;
}

.vl_downloads_list .vl_downloads_directory .vl_download_file_entry {
   /*grid-template-columns: 1fr 20em 20em;*/
    grid-template-columns: 75% auto 20%;
}
.vl_downloads_list .vl_downloads_directory .vl_downloads_directory .vl_download_file_entry {
    /*grid-template-columns: 1fr 20em 18em;*/
    grid-template-columns: 75% auto 20%;
}
.vl_downloads_list .vl_downloads_directory .vl_downloads_directory .vl_downloads_directory .vl_download_file_entry {
    /*grid-template-columns: 1fr 20em 16em;*/
    grid-template-columns: 75% auto 20%;
}
.vl_downloads_list .vl_downloads_directory .vl_downloads_directory .vl_downloads_directory .vl_downloads_directory .vl_download_file_entry {
    /*grid-template-columns: 1fr 20em 14em;*/
    grid-template-columns: 75% auto 20%;
}
.vl_downloads_list .vl_downloads_directory .vl_downloads_directory .vl_downloads_directory .vl_downloads_directory .vl_downloads_directory .vl_download_file_entry {
    /*grid-template-columns: 1fr 20em 12em;*/
    grid-template-columns: 75% auto 20%;
}
.vl_downloads_list .vl_downloads_directory .vl_downloads_directory .vl_downloads_directory .vl_downloads_directory .vl_downloads_directory .vl_downloads_directory .vl_download_file_entry {
    /*grid-template-columns: 1fr 20em 10em;*/
    grid-template-columns: 75% auto 20%;
}

/******************************/
/* [vl-blog]                  */
/******************************/

.vl_post_list_box {
    padding: 6px;
    margin: 12px;
}

.vl_post_list_box::after {
    clear: both;
}

.vl_post_list_image_box {
    float:left;
    width:300px;
    height:200px;
    overflow: hidden;
    object-fit: cover;
}

.vl_post_list_image_box img {
    width: 300px !important;
    height: 200px !important;
}

.vl_post_list_text_box {
    float:right;
    width: calc(100% - 300px - 6px - 60px);
    height: 200px;
    margin-left: 6px;
    padding: 0px 30px;
}

.vl_post_list_text_box h3 {
    font-size: 12px;
}

.vl_post_list_after_box {
    clear: both;
}

.vl_post_list_page_navigation_box {
    font-weight: bold;
    margin: 24px;
    margin-top: 0px;
}

.vl_post_list_page_number:hover {
    text-decoration: underline;
}

.vl_post_list_current_page_number {
    color:red;
}

/******************************/
/* Admin area                 */
/******************************/

.vl_admin_content {
    width: 50%;
}

/******************************/
/* License table              */
/******************************/

.vl_admin_license_request_table {
    border-collapse: collapse;
    border: 1px solid black;
}

.vl_admin_license_request_table th {
    text-align: left;
    border: 1px solid black;
    padding:1em;
}

.vl_admin_license_request_table td {
    text-align: left;
    border: 1px solid black;
    padding:1em;
}

/******************************/
/* TinyMCE button stretch fix */
/******************************/

.quicktags-toolbar input{
    width: auto;
}