.box .box-body{ padding: 5px; } /*****id_1***********************/ @media (min-width: 530px) { #sec_1 #id_1 .col-8 { width: 330px!important; padding-left: 0; } #sec_1 #id_1 .col-8 .col-5 { width: 130px!important; } #sec_1 #id_1 .col-8 .col-7{ width: 170px!important; } #sec_1 #id_1 .col-4 { width: 130px!important; padding:0!important; } } #sec_4 #id_1 .col-8 { padding: 0; } @media (min-width: 380px) and (max-width: 529px) { #sec_1 #id_1 .col-8 , #sec_4 #id_1 .col-8 { width: 100%!important; padding:0!important; } #sec_1 #id_1 .col-8 .col-5, #sec_4 #id_1 .col-8 .col-5{ width: 44.9%!important; }#sec_1 #id_1 .col-8 .col-7 ,#sec_4 #id_1 .col-8 .col-7 { width: 54.9%!important; } #sec_1 #id_1 .col-4 , #sec_4 #id_1 .col-4 { width: 100%!important; } } @media (min-width: 530px) and (max-width: 991px) { #sec_4 #id_1 .col-8 { width: 330px!important; padding-left: 0; } #sec_4 #id_1 .col-8 .col-5 { width: 130px!important; } #sec_4 #id_1 .col-8 .col-7{ width: 170px!important; } #sec_4 #id_1 .col-4 { width: 130px!important; padding:0!important; } } @media (min-width: 468px) { #sec_4 #id_1 .col-8 .col-5 { width: 44.9%!important; } #sec_4 #id_1 .col-8 .col-7 { width: 54.9%!important; } } /* id3 & id_2****************************/ @media (min-width: 992px) { .left-side.strech #sec_1 #id_2 .box-body > div,.left-side.strech #sec_1 #id_3 .box-body > div { width: 24.9%!important; } } @media (min-width: 768px) and (max-width: 991px) { #sec_1 #id_2 .box-body > div,#sec_1 #id_3 .box-body > div { width: 24.9%!important; } } @media (min-width: 560px) and (max-width: 767px) { #sec_1 #id_2 .box-body > div,#sec_1 #id_3 .box-body > div { width: 33.3%!important; } #sec_4 #id_2 .box-body > div,#sec_4 #id_3 .box-body > div { width: 33.3%!important; } } @media (min-width: 399px) and (max-width: 559px) { #sec_1 #id_2 .box-body > div,#sec_1 #id_3 .box-body > div { width: 49.9%!important; } #sec_4 #id_2 .box-body > div,#sec_4 #id_3 .box-body > div { width: 49.9%!important; } } @media (min-width: 399px) and (max-width: 767px) { #sec_4 #id_6 .box-body > div{ width: 49.9%!important; } } @media (min-width: 1268px){ #sec_4 #id_2 .box-body > div,#sec_4 #id_3 .box-body > div,#sec_4 #id_6 .box-body > div{ width: 49.9%!important; } } @media (min-width: 992px) and (max-width: 1267px) { #sec_4 #id_2 .box-body > div,#sec_4 #id_3 .box-body > div,#sec_4 #id_6 .box-body > div { width: 99.9%!important; } } @media (min-width: 992px) { .left-side.strech #sec_4 #id_2 .box-body > div,.left-side.strech #sec_4 #id_3 .box-body > div { width: 49.9%!important; } } @media (min-width: 768px) and (max-width: 991px) { #sec_4 #id_2 .box-body > div,#sec_4 #id_3 .box-body > div { width: 24.9%!important; } } .chart-container { direction: ltr; } .chart-container * { font-family: byekan,yekan,tahoma; font-size: .92rem; } .rate-box { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #AAAAAA; border-radius: 3px 3px 3px 3px; } .rate-box h4 { background: #F1F1F1; border-bottom: 1px solid #AAAAAA; border-radius: 3px 3px 0 0; color: #555555; margin: 0; padding: 7px 15px 12px; } .rate-box ul, .rate-box p { color: #777777; margin: 0; padding: 10px 20px; font-family: 'B Yekan'; font-size: 17px; list-style: none; margin: 0; padding: 10px 15px; } .rate-box ul li { margin-bottom: 10px; } .rate-box ul li span { color: #4B9BCC; margin-right: 10px; } .highcharts-container { direction: ltr; } .small-box { min-height: 70px; } .small-box > .inner { padding: 10px 2px; } .small-box > .inner p{ margin: 0px; } .small-box h3{ font-size:1.3rem; } #quickReport.dropdown-menu > li > a { padding: 6px 10px; border: 1px solid #D8D8D8; margin: 4px; background: whitesmoke; border-radius: 5px; } #quickReport.dropdown-menu > li > a:hover { background: white; color: #111; } .chart-responsive{ min-height:300px;}