/*
    https://www.fontspace.com/category/cool,logo for logo
*/

.ltr { direction: ltr!important; text-align:left!important; }
.rtl { direction: rtl!important;  text-align:right!important; }

.clear-both		{ clear: both!important; display:block!important;}
.align_center, .align-center { text-align: center !important }
.align_center, .align-center { text-align: center !important }
.center_the_div, .center-the-div { display: table !important; margin: auto !important; clear: both; }
.boldit, .bold_it {font-weight:bold!important;}
.no_wrap, .no-wrap { white-space: nowrap!important; }

.bold_center_the_div, .bold-center-the-div { display: table !important; margin: auto !important; clear: both; font-weight:900!important; }

textarea { line-height: 20px !important; font-size:14px!important; letter-spacing:1px!important; }
    
/* darktheme main colors*/
.bg_general {background: #1f2242!important;}
.bg_card {background: #16182f!important;}

/* Dashro Bootstrap4 */

.form-control { color: #eee!important; font-size:14px!important; letter-spacing:1px!important; }
.primary .form-control { border: 1px solid #4d79f5 !important; color: #4d79f5 !important; }
.danger  .form-control { border: 1px solid #ff5c77 !important; color: #ff5c77 !important; }
.success .form-control { border: 1px solid #4bd2b0 !important; color: #4bd2b0 !important; }
.warning .form-control { border: 1px solid #fcb32d !important; color: #fcb32d !important; }
.info    .form-control { border: 1px solid #2dc3fc !important; color: #2dc3fc !important; }

.input-group, .form-group { margin-bottom: 5px !important; letter-spacing: 1px !important; }
.input-group-text { color: #ccc!important; font-size:14px!important; letter-spacing:1px!important; }

.input-group-text.required:before   { content: "\2605"; padding:0 3px!important; color: #c00 !important; }




.card { line-height: 24px !important; }
.cut_text_with_dots { text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.meta_desc_box {text-overflow: ellipsis; overflow: hidden; height: 72px !important; }


.table th, .table thead th { background: #31315d !important; color: #eee !important; border: 1px solid #505086 !important; font-weight:600!important; letter-spacing:1px!important; text-align:center!important; }
.custom-file-input {color:#fff!important;}
table caption { background:#505086!important; padding:10px!important; text-align: center!important; font-size:18px!important; font-weight:600!important; color:#eee!important; caption-side:top!important; }

.accordian_border {
    border-bottom: 1px solid #767689 !important;
    border-right: 1px solid #767689 !important;
    border-left: 1px solid #767689 !important;
}
/* Dashro Bootstrap4 */
/* FG */
.fg_black, .fg-black {
    color: #000 !important
}
.fg_red, .fg-red        { color: #ff0000 !important }
.fg_white, .fg-white    { color: #fff !important }
.fg_red, .fg-red        { color: #ff0000 !important }

/* FG */

/* headers */
.header_white_fg { color: #fff !important; }
.header_black_fg { color: #000 !important; }

.indigo_header { background: #1c2d5b !important; color: #fff !important;}
.purple_header  { background:#702F63; color:#fff!important; }
.cyan_header    { background:#00d9ff; color: #111!important; }
.mustard_header { background:#cba117;color: #111 !important; }
.yellow_header  { background: #ffd700; color: #111 !important;}
.burgundy_header {background:#420000; color:#fff!important; }

.gray_header    { background:#767689; color: #111!important; }
.orange_header  { background:#dd8500; color: #111!important; }
.green_header   { background:#749a00; color: #111!important; }
.blue_header    { background: #0033cc; color: #fff !important;}
.red_header     { background:#c00; color: #fff!important; }
.brown_header   { background:#292210; color: #fff!important; }
.olive_header   { background: #808000; color: #fff!important; }
.magenta_header { background: #59339d; color: #fff !important; }
/* style="background:#31315d" table header color*/ 

.olive_header, .mustard_header, .yellow_header,.purple_header, .cyan_header, .gray_header, .green_header, .orange_header, .indigo_header,
.blue_header, .red_header, .brown_header, .header_white_fg, .header_black_fg, .mustard_header, .magenta_header, .burgundy_header {
    -webkit-border-radius: 30%; -moz-border-radius: 30%; border-radius: 30%; padding: 0 20px; font-weight: bold;
    font-size: 20px !important; text-align: center; line-height: 40px !important; margin-bottom: 15px !important; clear: both !important;
}

.burgundy_header_border{ border: 2px solid #420000; border-bottom-width:7px!important; border-right-width:7px!important; border-radius: 30%; -webkit-border-radius: 30%; -moz-border-radius: 30%; }
.orange_header_border  { border: 2px solid #dd8500; border-bottom-width:7px!important; border-right-width:7px!important; border-radius: 30%; -webkit-border-radius: 30%; -moz-border-radius: 30%; }
.blue_header_border    { border: 2px solid #003b9a; border-bottom-width:7px!important; border-right-width:7px!important; border-radius: 30%; -webkit-border-radius: 30%; -moz-border-radius: 30%; }
.gray_header_border    { border: 2px solid #767689; border-bottom-width:7px!important; border-right-width:7px!important; border-radius: 30%; -webkit-border-radius: 30%; -moz-border-radius: 30%; }
.cyan_header_border    { border: 2px solid #add8e6; border-bottom-width:7px!important; border-right-width:7px!important; border-radius: 30%; -webkit-border-radius: 30%; -moz-border-radius: 30%; }
.green_header_border   { border: 2px solid #749a00; border-bottom-width:7px!important; border-right-width:7px!important; border-radius: 30%; -webkit-border-radius: 30%; -moz-border-radius: 30%; }
.red_header_border     { border: 2px solid #c00;    border-bottom-width:7px!important; border-right-width:7px!important; border-radius: 30%; -webkit-border-radius: 30%; -moz-border-radius: 30%; }
.purple_header_border  { border: 2px solid #702F63; border-bottom-width:7px!important; border-right-width:7px!important; border-radius: 30%; -webkit-border-radius: 30%; -moz-border-radius: 30%; }
.magenta_header_border { border: 2px solid #59339d; border-bottom-width:7px!important; border-right-width:7px!important; border-radius: 30%; -webkit-border-radius: 30%; -moz-border-radius: 30%; }


.green_header_border,.blue_header_border, .orange_header_border, .gray_header_border, .red_header_border, .cyan_header_border, .purple_header_border,
.burgundy_header_border
{
    -webkit-border-radius: 30%; -moz-border-radius: 30%; border-radius: 30%; box-shadow:5px 5px #555;  
    font-weight: bold; font-size:20px!important; text-align: center; line-height: 40px!important; margin-bottom:15px!important; clear:both!important; 
}

.red_header_border, .orange_header_border, .green_header_border, .blue_header_border, .gray_header_border, .cyan_header_border, .purple_header_border,
.burgundy_header_border
{
    box-shadow: none !important;
}

.red_header_border h1, .red_header h1, .green_header_border h1 .orange_header_border h1, .blue_header_border h1, .gray_header_border h1,
.purple_header_border h1,
.burgundy_header_border
{
    color: #fff!important;
}
.cyan_header h1, .cyan_header_border h1 { color: #111!important; }
.brown_header h1 { color: #add8e6!important; }
/* headers */

/** Buttons */

.back_button { border: solid #e7eeff; border-width: 0 5px 5px 0; display: inline-block; background: #1f2242; padding: 3px; transform: rotate(135deg); -webkit-transform: rotate(135deg); height: 25px; width: 25px; }
.card .card-body .back_button { background: #16182f !important; }

.button_group        { clear: both!important; width:100%!important; }
.center.button_group { text-align:center!important; }
.right.button_group  { text-align:right!important; }
.left.button_group   { text-align:left!important; }

.link_group {margin-bottom:8px!important; margin-top: 5px!important; overflow:hidden!important;}
.link_group a { color:#dd8500!important; padding:5px 10px!important; margin:1px 2px!important; float:right!important;  border:1px solid #767689; 
                -webkit-border-radius: 6%; -moz-border-radius: 6%; border-radius: 6%;}
.link_group a:hover {color:#767689!important;}

.top_padding.button_group        { padding-top:15px!important; }
.bottom_padding.button_group     { padding-bottom:15px!important; }
.button_group .no_color_button, .button_group .hide_button {
    background: none;
    color: #eee !important;
}
.button_group .purple_button, .button_group .list_button,                                   .purple_color    { background:#702F63; color:#fff!important; }
.button_group .burgundy_button,                                                             .burgundy_color  { background:#420000; color:#fff!important; }
.button_group .green_button,                                                                .green_color     { background:#749a00; color:#111!important; }
.button_group .blue_button,     .button_group .save_button,                                 .blue_color      { background:#003b9a !important; color: #fff !important;}
.button_group .red_button,      .button_group .delete_button,                               .red_color       { background:#c00!important; color:#fff!important; }
.button_group .cyan_button,                                                                 .cyan_color      { background:#00d9ff!important; color:#111!important; }
.button_group .orange_button,   .button_group .reset_button, .button_group .login_button,   .orange_color    { background:#dd8500!important; color:#111!important; }
.button_group .gray_button,     .button_group .display_button,                              .gray_color      { background: #767689; color: #111 !important; }
.button_group .print_button,                                                                .magenta_color   { background:#59339d; color:#fff!important; }

.button_group a,
.button_group .no_color_button, .button_group .hide_button, .button_group .green_button, .button_group .print_button, .button_group .purple_button, .button_group .burgundy_button, .button_group .gray_button, .button_group .display_button,
.button_group .red_button, .button_group .cyan_button, .button_group .orange_button, .button_group .blue_button,
.button_group .login_button, .button_group .delete_button, .button_group .list_button, .button_group .reset_button, .button_group .save_button,
.button_group input[type="submit"] {
    min-width: 120px !important;
    padding: 5px 20px 7px 20px !important;
    border: 2px solid #777!important;
    border-style: outset!important;
    margin: 4px 2px !important;
    -webkit-border-radius: 30%!important;
    -moz-border-radius: 30%!important;
    border-radius: 30%!important;
    letter-spacing: 1px !important;
    font-weight: bold !important;
}
.button_group input[type="submit"]:hover, .button_group a:hover  { box-shadow: 2px 2px #eee; color:#eee!important; background:#000; opacity:0.70; filter:alpha(opacity=70); /* For IE8 and earlier */ }

.button_full_group{clear:both!important;}
.button_full_group input[type="submit"] { width: 100% !important; padding: 5px 20px 7px 20px !important; margin: 4px 2px !important; letter-spacing: 1px !important; font-weight: bold !important; border: 2px solid #777; border-style: outset; }
.button_full_group input[type="submit"]:hover, .button_full_group a:hover { box-shadow: 2px 2px #eee; color: #eee !important; background: #000; opacity: 0.70; filter: alpha(opacity=70); /* For IE8 and earlier */ }
/** Buttons*/

/* Textbox_header */
.textbox_header { -webkit-border-radius: 30%; -moz-border-radius: 30%; border-radius: 30%; }
.textbox_header_square { }
.textbox_header_square_border { border: 1px solid #6f6f9c; }
.textbox_header_border { -webkit-border-radius: 30%; -moz-border-radius: 30%; border-radius: 30%; border: 1px solid #6f6f9c;}

.textbox_header_square_border, .textbox_header_border, .textbox_header_square, .textbox_header {
    line-height: 20px !important; font-weight: bold !important; font-size: 18px !important; letter-spacing: 2px !important; clear: both !important;
    width: 100% !important; text-align: center; padding: 7px 10px !important; margin: 0 0 2px 0 !important;
}
.textbox_header_border.required:before, .textbox_header_square_border.required:before, .textbox_header_square.required:before, .textbox_header.required:before {
    content: " \2605  ";
    color: #c00 !important;
    font-weight: bold !important;
}



/** Textbox_header **/

.content_display_rtl {
    direction: rtl !important;
    text-justify: inter-word !important;
    text-align: justify !important;
    line-height:22px!important;
    font-size:13px!important;
}

.rotate_button {
    background: url(/css/img/rotate.png) no-repeat; padding: 0; margin: 0 2px; width: 35px !important;
    min-width: 35px !important; height: 35px !important; min-height: 35px !important; border: none !important; color: #333;
}
.rotate_button:hover { opacity: 0.65; filter: alpha(opacity=65) }

/*
.gv_to_html {
    width: 750px !important;
    background: #fff !important;
    border: 1px solid #bbb !important;
    margin:20px!important;
}
    .gv_to_html td {
        font-size: 13px !important;
        padding: 8px 10px;
        line-height: 20px;
        vertical-align: top;
        border-top: 1px solid #bbb !important;
        border-right: 1px solid #bbb !important;
        color: #000 !important;
    }
    .gv_to_html th, .gv_to_html thead th {
        color: #000;
        border-right: 1px solid #bbb !important;
        padding: 10px 20px !important;
        text-align: center !important;
    }
    .gv_to_html thead th {
        vertical-align: bottom;
    }
    .gv_to_html textarea {
        display: block !important;
        border: none;
        width: 100%;
        overflow: hidden;
        resize: none;
        box-sizing: padding-box !important;
    }
    */
/**** Task CSS  ***/
.task_red    { background: #ff0000 !important; color: #000000 !important; }
.task_orange { background: #ffa500 !important; color: #000000 !important; }
.task_yellow { background: #ffff7f !important; color: #000 !important; }
.task_gray ` { background: #dedede !important;color: #000 !important; }
/**** Task CSS  ***/

.rotate90 {
    transform: rotate(-90deg); /* Legacy vendor prefixes that you probably don't need... */ /* Safari */
    -webkit-transform: rotate(-90deg); /* Firefox */
    -moz-transform: rotate(-90deg); /* IE */
    -ms-transform: rotate(-90deg); /* Opera */
    -o-transform: rotate(-90deg); /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}


.circle {
    overflow: auto;
    border-radius: 50%;
    border: 1px solid #000;
    color:#000!important;
    padding:0 7px;
}

/* styling ratiobuttonlist */
.rbl_style { border: 1px solid rgb(50, 54, 99); padding: 10px 0; padding-left:10px!important; padding-right:20px!important;}
.rbl_style input[type="radio"]  { width: auto !important; transform: scale(1.5) !important; }
.rbl_style  label               { display: inline !important; padding: 8px !important; white-space:nowrap; padding-left:20px!important;}
/* styling ratiobuttonlist */

/* styling checkbox */
input[type=checkbox] {
    /* Double-sized Checkboxes */
    -ms-transform: scale(1.5); /* IE */
    -moz-transform: scale(1.5); /* FF */
    -webkit-transform: scale(1.5); /* Safari and Chrome */
    -o-transform: scale(1.5); /* Opera */
    transform: scale(1.5);
    /* padding: 100px!important; doesn't work*/
    margin-right: 15px !important;
    margin-left: 15px !important;
}

/* styling ratiobuttonlist */

/*Appt Header Weekdays*/
.app_sat { background: #fef094;} .app_sun { background: #add2fe;} .app_mon { background: #c7ed9e;} .app_tue { background: #77abb7;} 
.app_wed { background: #ffcc99;} .app_thr { background: #dddddd;} .app_fri { background: #ff8ba0;}
.app_sat, .app_sun, .app_mon, .app_tue, .app_wed, .app_thr, .app_fri { overflow: hidden; color: #222 !important; }
/*Appt Header Weekdays*/

/* patient search*/
.patient_search{}
.patient_search .col-sm { min-width: 120px !important; margin-bottom:5px!important;padding:0 2px!important;}
/* patient search*/



/*
.background_color_1  { background: #fef094;overflow: hidden;}.background_color_2 { background: #add2fe; overflow:hidden;}.background_color_3 { background: #c7ed9e; overflow:hidden;}
.background_color_4  { background: #bbfaf7; overflow:hidden;}.background_color_5 { background: #d9c883; overflow:hidden;}.background_color_6 { background: #fad5f7; overflow:hidden;}
.background_color_7  { background: #72deaa; overflow:hidden;}.background_color_8 { background: #AEEEEE; overflow:hidden;}.background_color_9 { background: #c0c0fd; overflow:hidden;}
.background_color_10 { background: #dddddd; overflow:hidden;}.background_color_11 { background: #ffcc99; overflow:hidden;}.background_color_12 { background: #91e4ff; overflow:hidden;}
.background_color_13 { background: #bc9aff; overflow:hidden;}.background_color_14 { background: #ff99ff; overflow:hidden;}.background_color_15 { background: #D1EEEE; overflow:hidden;}
.background_color_16 { background: #90b1a7; overflow:hidden;}.background_color_17 { background: #dd8c8e; overflow:hidden;}.background_color_18 { background: #00c7c8; overflow:hidden;}
.background_color_19 { background: #ADD8E6; overflow:hidden;}.background_color_20 { background: #026afe; overflow:hidden;}.background_color_21 { background: #ffa200; overflow:hidden;}
.background_color_22 { background: #C0D9D9; overflow:hidden;}.background_color_23 { background: #ffff00; overflow:hidden;}.background_color_24 { background: #ff6699; overflow:hidden;}
.background_color_25 { background: #66cc33; overflow:hidden;}.background_color_26 { background: #fb5d5d; overflow:hidden;}.background_color_27 { background: #899684; overflow:hidden;}
.background_color_28 { background: #ffffff; overflow:hidden;}
        */
.bootstap_bg_1 { background: #4d79f5;/*prinary*/ }
.bootstap_bg_2 { background: #0040ff; /* primary focus */}
.bootstap_bg_3 { background: #ff5c77; /*sec */ }
.bootstap_bg_4 { background: #ef6591;/*sec focus*/}
.bootstap_bg_5 { background: #28c76f;/* success*/ }
.bootstap_bg_6 { background: #4bd2b0; /* sucess focus*/ }
.bootstap_bg_7 { background: #2dc3fc; /* info */ }
.bootstap_bg_8 { background: #117a8b/* info focus*/; }
.bootstap_bg_9 { background: #fcb32d;/* warning*/ }
.bootstap_bg_10 { background: #ef9c05;/* warning focus*/ }
.bootstap_bg_11 { background: #ff5c77; /* danger*/ }
.bootstap_bg_12 { background: #ef4352; /* danger focus*/ }
.bootstap_bg_13 { background: #eeedf6; /* light*/ }
.bootstap_bg_14 { background: #f1f5fb;/*light focus*/ }
.bootstap_bg_15 { background: #191621;/*dark*/ }
.bootstap_bg_16 { background: #0e0c13; /* dark focus*/}
.bootstap_bg_17 { background: #26eda2;/* green*/ }
.bootstap_bg_18 { background: #14b97b; /* green focus*/ }

.Video_URL_Iframe {
    margin: auto !important;
    position: relative;
    padding-bottom: 20px!important;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    border: none !important;
    display: block;
    width: 100% !important;
    height:auto!important;
}

    .Video_URL_Iframe iframe {
        margin: 1% auto !important;
        border: 0 none;
        position: absolute !important;
        top: 0;
        left: 0;
        width: 98% !important;
        min-width: 98% !important;
        height: 98% !important;
        min-height: 98% !important;
    }

.exercise_pair {
    margin-bottom: 10px !important;
    clear: both !important;
}

    .exercise_pair .lab {
        width: 130px;
        float: right;
        padding-left: 5px !important;
    }

    .exercise_pair .val {
        width: auto !important;
        float: right !important;
        padding-left: 5px !important;
    }
.exercise_pair img{padding:15px!important; }