/* Common */

.cvy_google_chart {
    width: 100%;
    height: 500px;
}

.cvy_img_panel .panel-heading {
    position: relative;
    height: 105px;
    padding: 5px !important;
    border: 1px solid #ddd !important; 
    border-bottom: unset !important;
    background-color: #fff !important;
}

.cvy_img_panel .panel-heading .cvy_panel_img {
    width: 100%;
    height: 100%;
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.cvy_overlay {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.huge .cvy_small_text {
    font-size: 14px;
}

.cvy_analytics_title,
.cvy_analytics_devider {
    border-radius: 3px;
    background-color: #4A235A;
    color: white;
    text-align: center;
    padding: 10px !important;
}

.cvy_analytics_title {
    margin-bottom: 30px;
}

.cvy_analytics_devider {
    margin-bottom: 100px;
}

.cvy_analytics_values .cvy_value {
    display: none;
}

.cvy_analytics_values .cvy_value.cvy_active {
    display: inline;
}

.cvy_analytics_values .pull-left.cvy_one_line {
    width: calc( 100% - 50px );
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.panel-footer.cvy_value.cvy_active {
    display: block;
}

.cvy_tabs_section .rowitem {
    margin-bottom: 30px;
}

.cvy_admin_analytics .panel .cvy_analytics_explanation {
    display: none;
}

.cvy_analytics_explanation {
    font-style: italic;
    font-size: .9em;
}

.cvy_analytics_explanation ol {
    margin-left: 1em;
    margin-bottom: 0;
}

.cvy_analytics_explanation li {
    margin-bottom: 0;
}

.panel-color1 {
    border-color: 	#78281F;
} 

.panel-color1 > .panel-heading {
    border-color: 	#78281F;
    color: white;
    background-color: 	#78281F;
}
        
.panel-color1 > a {
    color: 	#78281F;
} 

.panel-color1 > a:hover  {
    color: 	#78281F;
    text-decoration: none;
}
.panel-color2 {
    border-color: 	#512E5F;
} 

.panel-color2 > .panel-heading {
    border-color: 	#512E5F;
    color: white;
    background-color: 	#512E5F;
}
        
.panel-color2 > a {
    color: 	#512E5F;
} 

.panel-color2 > a:hover  {
    color: 	#512E5F;
    text-decoration: none;
}
.panel-color3 {
    border-color: 	#154360;
} 

.panel-color3 > .panel-heading {
    border-color: 	#154360;
    color: white;
    background-color: 	#154360;
}
        
.panel-color3 > a {
    color: 	#154360;
} 

.panel-color3 > a:hover  {
    color: 	#154360;
    text-decoration: none;
}
.panel-color4 {
    border-color: 	#0E6251;
} 

.panel-color4 > .panel-heading {
    border-color: 	#0E6251;
    color: white;
    background-color: 	#0E6251;
}
        
.panel-color4 > a {
    color: 	#0E6251;
} 

.panel-color4 > a:hover  {
    color: 	#0E6251;
    text-decoration: none;
}
.panel-color5 {
    border-color: 	#186A3B;
} 

.panel-color5 > .panel-heading {
    border-color: 	#186A3B;
    color: white;
    background-color: 	#186A3B;
}
        
.panel-color5 > a {
    color: 	#186A3B;
} 

.panel-color5 > a:hover  {
    color: 	#186A3B;
    text-decoration: none;
}
.panel-color6 {
    border-color: 	#7E5109;
} 

.panel-color6 > .panel-heading {
    border-color: 	#7E5109;
    color: white;
    background-color: 	#7E5109;
}
        
.panel-color6 > a {
    color: 	#7E5109;
} 

.panel-color6 > a:hover  {
    color: 	#7E5109;
    text-decoration: none;
}
.panel-color7 {
    border-color: 	#6E2C00;
} 

.panel-color7 > .panel-heading {
    border-color: 	#6E2C00;
    color: white;
    background-color: 	#6E2C00;
}
        
.panel-color7 > a {
    color: 	#6E2C00;
} 

.panel-color7 > a:hover  {
    color: 	#6E2C00;
    text-decoration: none;
}
.panel-color8 {
    border-color: 	#626567;
} 

.panel-color8 > .panel-heading {
    border-color: 	#626567;
    color: white;
    background-color: 	#626567;
}
        
.panel-color8 > a {
    color: 	#626567;
} 

.panel-color8 > a:hover  {
    color: 	#626567;
    text-decoration: none;
}
.panel-color9 {
    border-color: 	#424949;
} 

.panel-color9 > .panel-heading {
    border-color: 	#424949;
    color: white;
    background-color: 	#424949;
}
        
.panel-color9 > a {
    color: 	#424949;
} 

.panel-color9 > a:hover  {
    color: 	#424949;
    text-decoration: none;
}
.panel-color10 {
    border-color: 	#17202A;
} 

.panel-color10 > .panel-heading {
    border-color: 	#17202A;
    color: white;
    background-color: 	#17202A;
}
        
.panel-color10 > a {
    color: 	#17202A;
} 

.panel-color10 > a:hover  {
    color: 	#17202A;
    text-decoration: none;
}
.panel-color11 {
    border-color: 	#78281F;
} 

.panel-color11 > .panel-heading {
    border-color: 	#78281F;
    color: white;
    background-color: 	#78281F;
}
        
.panel-color11 > a {
    color: 	#78281F;
} 

.panel-color11 > a:hover  {
    color: 	#78281F;
    text-decoration: none;
}
.panel-color12 {
    border-color: 	#4A235A;
} 

.panel-color12 > .panel-heading {
    border-color: 	#4A235A;
    color: white;
    background-color: 	#4A235A;
}
        
.panel-color12 > a {
    color: 	#4A235A;
} 

.panel-color12 > a:hover  {
    color: 	#4A235A;
    text-decoration: none;
}
.panel-color13 {
    border-color: 	#3E779E;
} 

.panel-color13 > .panel-heading {
    border-color: 	#3E779E;
    color: white;
    background-color: 	#3E779E;
}
        
.panel-color13 > a {
    color: 	#3E779E;
} 

.panel-color13 > a:hover  {
    color: 	#3E779E;
    text-decoration: none;
}

.panel-color14 {
    border-color: 	#459E3E;
} 

.panel-color14 > .panel-heading {
    border-color: 	#459E3E;
    color: white;
    background-color: 	#459E3E;
}
        
.panel-color14 > a {
    color: 	#459E3E;
} 

.panel-color14 > a:hover  {
    color: 	#459E3E;
    text-decoration: none;
}

.panel-color15 {
    border-color: 	#1B684D;
} 

.panel-color15 > .panel-heading {
    border-color: 	#1B684D;
    color: white;
    background-color: 	#1B684D;
}
        
.panel-color15 > a {
    color: 	#1B684D;
} 

.panel-color15 > a:hover  {
    color: 	#1B684D;
    text-decoration: none;
}


.panel-color16 {
    border-color: 	#347080;
} 

.panel-color16 > .panel-heading {
    border-color: 	#347080;
    color: white;
    background-color: 	#347080;
}
        
.panel-color16 > a {
    color: 	#347080;
} 

.panel-color16 > a:hover  {
    color: 	#347080;
    text-decoration: none;
}

.panel-color17 {
    border-color: 	#6a3480;
} 

.panel-color17 > .panel-heading {
    border-color: 	#6a3480;
    color: white;
    background-color: 	#6a3480;
}
        
.panel-color17 > a {
    color: 	#6a3480;
} 

.panel-color17 > a:hover  {
    color: 	#6a3480;
    text-decoration: none;
}

.cvy_table_cell_warning_text {
    padding: 1px 3px;
    border-radius: 5px;
    background-color: red;
    color: #fff;
    font-weight: 900;
}

.cvy_wrap h2 {
    margin-bottom: 30px !important;
}

.cvy_form_field {
    display: flex;
    width: 100%;
    margin-bottom: 20px;
}

.cvy_form_field > label {
    width: 150px;
    margin-right: 15px;
    font-weight: 700;
}

.cvy_form_field .cvy_field_description {
    margin: 5px 0 0;
    font-style: italic;
}

/* Dashboard - common*/
.cvy_dashboard_logo {
    display: block;
    margin: 0 auto 12px;
    border: 1px solid #000;
}

.cvy_dashboard_welcome_message {
    font-size: 2em;
    margin-bottom: 20px;
}

/* Dashboard - reader */
.cvy_user_role_script_reader #adminmenumain {
    display: none;
}

.cvy_user_role_script_reader #wpcontent {
    margin-left: 0;
}

.cvy_user_role_script_reader #wpbody-content {
    padding-left: 20px !important;
}

/* Dashboard - admin */
.cvy_scripts_search {
    display: flex;
    width: 600px;
    margin: auto;
}

.cvy_scripts_search input {
    width: 100%;
    margin-bottom: 1em;
}

.cvy_scripts_search input[type="text"] {
    border-right: unset;
    border-top-right-radius: unset;
    border-bottom-right-radius: unset;
}

.cvy_scripts_search input[type="submit"] {
    width: 100px;
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
}