/* to hide page elements, added by satish */

.pic-column{
width:80px;
}

.pic-column > div.small.text-muted{
display:none;
}

.rootcauseinpt{
display:none;
}

.FieldErrorCtr {
    color: red;
    display: inline-block;
    position: absolute;
    right: 20px;
}

.todo-list>li{
    padding:2px !important;
}

.CKFilterBox div{
    padding: 2px 7px;
}


.todo-list{
    overflow: hidden;
}

.CkCustomGridBox{
    margin-bottom: 5px;
}

#markupCanvas {
    touch-action: none; /* important for iPad Safari */
}


.CkCustomGridBox .inner{
    padding: 2px 15px;
}

h3.DashBoardGridDataH3 {
    padding: 0;
    margin: 0;
}


h3.DashBoardGridDataH3 .col-sm-8{
    padding-top: 5px;
    color: white;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}

h3.DashBoardGridDataH3 .col-sm-4{
    font-size: 26px;
}



.staticcolumn{
background:#BBDEFB  ;
}

.staticcolumn2{
    background:#E3F2FD ;
}

.dynamiccolumn{
    background:#C8E6C9  ;    
}

.dynamiccolumn2{
    background:#E8F5E9  ;    
}

.inlinecolumn{
    background:#E0E0E0  ;
}

.inlinecolumn2{
    background:#F5F5F5  ;
}


.rootcausedrp {
    display:none !important;
    width: 100%;                /* Full width of container */
    max-width: 300px;           /* Optional max width */
    padding: 6px 8px;          /* Comfortable padding */
    border: 1px solid #ccc;     /* Light gray border */
    border-radius: 5px;         /* Rounded corners */
    background-color: #fff;     /* White background */
    font-size: 14px;            /* Readable font size */
    color: #333;                /* Dark gray text */
    outline: none;              /* Remove default outline */
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    box-sizing: border-box;     /* Include padding in width */
    cursor: pointer;            /* Show pointer cursor */
}

/* When user hovers over dropdown */
.rootcausedrp:hover {
    border-color: #66afe9; 
    box-shadow: 0 0 5px rgba(102, 175, 233, 0.5);
}

/* When dropdown is focused */
.rootcausedrp:focus {
    border-color: #007bff; 
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}




/* dashboard panel box */
.cktop30box{
    display:flex;
    gap:1.1rem;
    margin-top: 30px;
}
  .cktop30box .panel-box {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.05);
    padding: 15px 20px;
    margin-bottom: 20px;
    transition: all 0.3s ease-in-out;
  }

  .cktop30box .panel-box:hover {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  }

  .cktop30box .panel-box h4 {
    font-size: 18px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
  }

  .cktop30box ul.list-group {
    padding-left: 0;
    margin-bottom: 0;
  }

  .cktop30box .list-group-item {
    border: none;
    padding: 10px 0;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f1f1f1;
  }

  .cktop30box .list-group-item a {
    color: #007bff;
    text-decoration: none;
    flex-grow: 1;
    word-break: break-word;
  }

 .cktop30box .label-count {
    font-size: 13px;
    font-weight: 600;
    padding: 4px 8px;
    border-radius: 5px;
    margin-left: 10px;
    white-space: nowrap;
  }

 .cktop30box .label-danger {
    background-color: #e74c3c;
    color: white;
  }

 .cktop30box .label-warning {
    background-color: #f39c12;
    color: white;
  }

 .cktop30box .top30heading {
    font-size: 22px;
    margin: 20px 0 10px;
    border-bottom: 2px solid #7c8691;
    padding-bottom: 5px;
    font-weight: bold;
  }

  @media (max-width: 576px) {
   .cktop30box .list-group-item {
      flex-direction: column;
      align-items: flex-start;
    }

   .cktop30box .label-count {
      margin-top: 5px;
      margin-left: 0;
    }
  }




/* Loader Container */
#globalAjaxLoader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  /* Hide by default */
  .ajaxLoader-hidden {
    display: none !important;
  }
  
  .ajax-loader-content {
    text-align: center;
    color: #333;
    font-size: 16px;
  }
  


.SuccessMSG {
  display: none;
  padding: 15px 10px;
  margin: 10px auto;
  min-width: 400px;
  border-radius: 8px;
  top: 0px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  background: linear-gradient(135deg, #00284D, #00284D);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  position: absolute;
  right: 0;
  z-index: 9999;
  animation: slideDown 0.5s ease-out;
}

/* Close button color */
.SuccessMSG .close {
  color: rgb(249, 14, 14);
  opacity: 0.9;
}
.SuccessMSG .close:hover {
  opacity: 1;
}

.progress {
    background-color: #aec8f575;
}


.ItemIndivisualHolder {
    border-bottom: 1px solid lightskyblue;
    background-color: #ddf2ff;
    padding: 15px 5px;
}


.ItemQntyHolder label,
.ItemPriceHolder label,
.ItemTotalHolder label {
    color: #66a1f9;
}


#SuccessfulMSG {
    color: #4cbe8b;
}

#ErrorMSG {
    color: #ff1a1a;
}


.CyberSecurityScoreImage {
    max-width: 100%;
    transition: transform .4s;
}

.CyberSecurityScoreImage:hover {
    cursor: pointer;
    z-index: 999999;
    position: absolute;
    right: -50%;
    transform: scale(3);
}



.CompCyberSecurityScoreImage {
    max-width: 100%;
    transition: transform .4s;
}

.CompCyberSecurityScoreImage:hover {
    cursor: pointer;
    z-index: 999999;

    transform: scale(3.2);
}



.PopUpCyberSecurityImage {
    max-width: 100%;
    position: fixed;
    left: 22%;
    z-index: 9999999;
    top: 13%;
    width: 67%;
    margin: auto;
}

#SuccessfulMSG,
#ErrorMSG {
    animation: cssAnimation 0s 3s forwards;
    visibility: visible;
}



.assetdatapopctr{
    position: fixed;
    background: white;
    box-shadow: 0px 0px 13px 0px black;
    border-radius: 10px;
    border: 1px solid lightgray;
    padding: 20px;
    display: none;
    top: 20%;
    left: 43%;
    height: 600px;
    text-align: left;
    overflow-x: hidden;
}

.AsstetView{
    color: #3C8DBC;
    display: inline-block;
}

.AsstetView:hover{
    cursor:pointer;
}

.qc_categorytr{
    background: #4bcc98f0;
}

.qc_categorytr th{
    font-size: 18px;
    font-weight: 600;
}

tr.qc_categorytr:hover{
    background: #4f8a93d6 !important;
}

.qc_subcategorytr{
    background: #72aaca6f;  
    
}

.qc_subcategorytr th{
    font-size: 17px;
    font-weight: 600;
}

tr.qc_subcategorytr:hover{
    background: #72aaca6f !important;

}

.controlvalue_ctr{
    padding: 0;
}

td.control_title{
    font-size: 16px;
    font-weight: 600;

}

.controlvalue_title{
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-weight: 600;

}




/* 
.QCFormTable tr td{
    te

} */



.custom-radio-group {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: -5px;
  }
  
  .radio-option {
    display: flex;
    align-items: center;
    width: calc(50% - 5px); /* 2 elements per row with 10px gap */
    margin-top: 10px;
  }
  
  .custom-radio-group input[type="radio"] {
    display: none;
  }
  
  /* Default (unselected) style */
  .custom-radio-label {
      padding: 5px 6px;
      border-radius: 15px;
      font-weight: 600;
      font-size: 12px;
      text-align: center;
      width: 105px;
      cursor: pointer;
      transition: 0.3s ease;
      border: 2px solid #ccc;
      background-color: #f8f9fa;
      color: #333;
  }

/* Style when selected based on value class */
input[type="radio"]:checked + .custom-radio-label.red {
    background-color: #da190b;
    color: #fff;
    border-color: #da190b;
  }
  
    
.redtrbg{
    background-color: #ee847c99;
}

.control_documentctr{
    position: absolute;
    bottom: 5px;
    right: 5px;
}

.control_documentctr a{
    color: #00ACD6;
    font-size: 14px;
    font-weight: 500;
}

  input[type="radio"]:checked + .custom-radio-label.green {
    background-color: #28a745;
    color: #fff;
    border-color: #28a745;
  }
  
  input[type="radio"]:checked + .custom-radio-label.orange {
    background-color: #e97116;
    color: #fff;
    border-color: #e97116;
  }
  
.orangetrbg{
    background-color: #fcab6c47;
}

  input[type="radio"]:checked + .custom-radio-label.blue {
    background-color: #00ACD6;
    color: #fff;
    border-color: #00ACD6;
  }



/* IMAGE OPEN BOX  */
/* IMAGE OPEN BOX  */
#imgModal {
    display: none;
    position: fixed;
    z-index: 9999;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(4px);
    align-items: center;
    justify-content: center;
    animation: fadeIn 0.3s ease-in-out;
  }
  
  #imgModal img {
    max-width: 90%;
    max-height: 90%;
    border-radius: 12px;
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
    animation: zoomIn 0.3s ease-in-out;
  }
  
  .CKcloseBtn {
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 40px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    z-index: 10000;
    transition: color 0.3s;
  }
  
  .CKcloseBtn:hover {
    color: #ff4c4c;
  }
  
  @keyframes zoomIn {
    from { transform: scale(0.8); opacity: 0; }
    to   { transform: scale(1); opacity: 1; }
  }
  
  @keyframes fadeIn {
    from { background-color: rgba(0,0,0,0); }
    to   { background-color: rgba(0,0,0,0.8); }
  }
  
  





#controlsValuesCtr .custom-radio-label {
    padding: 5px 5px;
    border-radius: 15px;
    font-weight: 600;
    font-size: 13px;
    text-align: center;
    width: 100px;


}



  /* Custom Confirm box */

.confirm-modal {
  display: none; /* Hidden by default */
  position: fixed;
  z-index: 9999;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
}

.confirm-box {
  background: white;
  padding: 20px 30px;
  border-radius: 8px;
  text-align: center;
  max-width: 400px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.3);
}

.confirm-buttons {
  margin-top: 20px;
}

.confirm-buttons button {
  margin: 0 10px;
  padding: 8px 16px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

#confirmYes {
  background-color: #28a745;
  color: white;
}

#confirmNo {
  background-color: #dc3545;
  color: white;
}



/* Custom Alert */

  .custom-alert {
    display: none;
    position: fixed;
    top: 150px;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 650px;
    padding: 20px;
    background-color: #ffffff;
    color: rgb(37, 37, 37);
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
    z-index: 9999;
    text-align: center;
  }

  .custom-alert.show {
    display: block;
    animation: fadeIn 0.3s ease-in-out;
  }

  .custom-alert h4 {
    margin: 0 0 10px;
    font-size: 20px;
    font-weight:600;
  }

  


  .custom-alert p {
    margin: 0 0 15px;
  }

  .custom-alert button {
    padding: 8px 16px;
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
  }

 
  .custom-alert-warning h4 {
    color: #e64c4c;

}

.custom-alert-warning button{
    background: #e64c4c;

}

.custom-alert-success h4{
    color: #2e8b57;
      
}

.custom-alert-success button{
    background: #808080;
      
}


  @keyframes fadeIn {
    from { opacity: 0; transform: translate(-50%, -60%); }
    to { opacity: 1; transform: translate(-50%, -50%); }
  }







@keyframes cssAnimation {
    to {
        visibility: hidden;
    }
}

.treeview-menu>li>a {
    padding: 5px 5px 5px 25px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #3c8dbc;
    border-color: #367fa9;
    padding: 1px 10px;
    color: #fff;
}

.VideoUrlHolderCtr {
    margin-top: 25px;
}

.VideoUrlHolderCtr {
    display: none;
}

.UploadedVideo:hover,
.YuTubeVideo:hover {
    cursor: pointer;
}


.SecurityQuestCateTitle {
    color: white;
    font-size: 22px;
    margin-bottom: 5px;
}

.SecurityQuestCateDescription {
    font-size: 16px;
    color: white;
    padding-left: 25px;
}

table.SecurityQuestionTable th,
table.SecurityQuestionTable td {
    border: 1px solid black !important;
}

.IndicatorBarDetailsCtr {

    width: 800px;
    top: 80px;
    text-align: right;
    clear: both;
    float: right;
}

p.BarDetailsHolder {
    margin-bottom: 2px;
    font-weight: 700;
    width: 20%;
    float: left;
}

.BarIndicator {
    width: 50px;
    padding: 5px 0;
    display: inline-block;
    margin-right: 10px;
}


.QCFormTable th.control_sequence,
.QCFormTable td.control_sequence,
.QCFormTable td.controlVid,
.QCFormTable td.controlImageUpload{
    text-align:center;
    vertical-align: middle;
}

.QCFormTable .control_title .controlarName{
    font-size: 17px;
    text-decoration: underline;
}

.QCFormTable .control_title .controlarCriteria{
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    padding-left: 10px;
    margin-top: 5px;
}


.QCFormTable>thead>tr>th,
.QCFormTable>tbody>tr>th,
.QCFormTable>tfoot>tr>th,
.QCFormTable>thead>tr>td,
.QCFormTable>tbody>tr>td,
.QCFormTable>tfoot>tr>td, .QCFormTable{
    border: 1px solid #080808;
}

.QCFormTable td.controlstatus{
    vertical-align: middle;
}



.entervin_nomberctr{
    position: absolute;
    top: 0;
    right: 35%;
    width: 350px;
  }
  

  #vinProductionNo{
    font-size: 16px;
    font-weight: 700;
    display: block;
    color: #FF9900;
    padding-top: 5px;
    text-align: center;
  
  }

h5.SubmittedStatus span{
    margin-top: 10px;
    display: inline-block;
    padding-left: 6px;
}



.valuedataYes{
        color: #28a745;
}

.valuedataYes::before {
    content: "✔️ "; /* Or use ✓ or ✅ */
    color: #28a745;
    font-weight: bold;
    margin-right: 4px;
}

.valuedataNo{
        color: #00ACD6;
}

.valuedataNo::before {
    content: "❌ ";  /* Or ✖ or × */
    color: #00ACD6;
    font-weight: bold;
    margin-right: 4px;
}

.valuedataRework{
        color: #e97116;     /* light gray */
}

.valuedataRework::before {
    content: "🔄";  /* Neutral icon like ⚪ or ⏺ or ⭕ */
    color: #e97116;     /* light gray */
    font-weight: bold;
    margin-right: 4px;
    }


    
.valuedataFail{
        color: #da190b;     /* light gray */
}
    
.valuedataFail::before {
    content: "🚫";  /* Neutral icon like ⚪ or ⏺ or ⭕ */
    color: #da190b;     /* light gray */
    font-weight: bold;
    margin-right: 4px;
    }














@media only screen and (max-width: 1250px) {
    .entervin_nomberctr {
        position: absolute;
        top: 35px;
        right: 20px;
        left: revert;
        width: 330px;
    }

}

.file-upload-wrapper {
    text-align: center;
    margin-top: 10px;
    display: none;
}

.file-upload-wrapper img:hover {
    cursor:zoom-in;
}
  .file-upload-label {
    background-color: #86919d;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    display: block;
    font-size: 12px;
    cursor: pointer;
    font-weight: 500;
    transition: background 0.3s ease;
  }

  .file-upload-label:hover {
    background-color: #333e4a;
  }

  .file-upload-label input[type="file"] {
    display: none;
  }

  .file-name-preview {
    font-size: 0.95rem;
    color: #333;
    font-style: italic;
  }












.btn-video{
    background-color: #ff9900; 
    color:white !important;
}


#NetProfitPercentageIndiBar {
    background-color: #ff9900;
}

#GrowthIndiBar {
    background-color: #00e6e6;
}

#NetProfitIndiBar {
    background-color: #2d8659;
}


#ExpencesIndiBar {
    background-color: #e63900;
}

#TotalRevenueIndiBar {
    background-color: #006666;
}

.AddContactno,
.AddEmailAdd {
    position: absolute;
    top: 25px;
    right: 0px;
}

.AddedExtraFieldctr {
    position: relative;
    margin-top: 10px;

}

.AddedExtraFieldctr input {
    background-color: #ffcccc;
}

.RemoveAdditional {
    background: red;
    color: wheat;
    padding: 7px 5px;
    font-weight: 900;
    position: absolute;
    right: 0;
    top: 0px;
}

.RemoveAdditional:hover {
    cursor: pointer;
}

.StageMsgCtr {
    position: relative;
}

.StageMsg {
    display: none;
    padding: 5px;
    color: white;
    position: absolute;
    background-color: #3C8DBC;
    left: 25%;
}

.StageMsgCtr:hover .StageMsg {
    cursor: pointer;
    display: block !important;
}

.WarningRow {
    background-color: #ffcc99 !important;
}

.DangerRow {
    background-color: #ff8080 !important;
}

#resp {
    font-size: 20px;
    position: fixed;
    left: 50%;
    color: #66cc99;
    font-weight: 700;
    z-index: 99999;
}



/*==================Start Start LinkedIn Section Css===========================*/
/*==================Start Start LinkedIn Section Css===========================*/


.CustomRangeSelectorCtr {
    box-shadow: 0px 0px 10px 0px grey;
    text-align: center;
    padding: 5px;
    background: white;
    border-bottom: 1px solid lightgray;
}


.CKGraphPlot {
    background: white;
    box-shadow: 0px 5px 10px 0px grey;
    padding: 25px 10px;
    overflow-x: scroll;
    overflow-y: hidden;
}


.graphite-column-container {
    padding-bottom: 20px !important;
}





.CampActive:focus,
.CampDeActive:focus {
    background: inherit;
}

.CampDeActive {
    background: #ffb3b3;
}

.CampActive {
    background: #99ffbb;
}

.CampaignPostTumb {
    max-width: 130px;
    margin: auto;
    max-height: 120px;
}

.CampaignPostTumb:hover {
    cursor: pointer;
}

.PostMediaDownloadBtn {
    display: block;
    padding: 5px;
    background: #ff5c33;
    width: 120px;
    margin: auto;
    margin-top: 5px;
    color: black;
    font-weight: 600;
}

.CKtext-center {
    text-align: center;
}

.CopyThisElement {
    position: relative;
}

.CopyThisElement .CopyIconHolder {
    position: absolute;
    bottom: 10px;
    right: 5px;
}

.CopyThisElement .CopyIconHolder:hover {
    cursor: pointer;
}


#CopyConfirm {
    position: fixed;
    top: 35%;
    left: 45%;
    background: transparent;
    z-index: 999999;
    font-size: 18px;
}

#CopyConfirm .fa {
    font-size: 24px;
}

/*==================End Start LinkedIn Section Css===========================*/
/*==================End Start LinkedIn Section Css===========================*/

.per-ctr {
    width: 100px;
    background: black;
    height: 20px;
}

.per-bar {
    background: green;
    color: white;
    font-weight: 900;
    position: absolute;
    left: 0;
    text-align: center;
}

.CKShortCode {
    font-size: 22px;
    font-weight: 700;
}

.CKFormFieldHolder {
    padding: 10px 0 0 0;
    margin: 10px 0 0 0;
    border-top: 1px dotted lightgray;
}

.Zebra_DatePicker_Icon_Wrapper {
    width: 100% !important;
}

.EventCheckedstatus {
    position: fixed;
    bottom: 50%;
    left: 48%;
    z-index: 99999;
    padding: 10px 15px;
    border-radius: 5px;
}


.LinnkedInSectionTbl {
    max-height: 1000px;
    padding: 1rem;
    overflow-y: auto;
    direction: ltr;
    scrollbar-color: #d4aa70 #e4e4e4;
    scrollbar-width: thin;
}

.LinnkedInSectionTbl::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.LinnkedInSectionTbl::-webkit-scrollbar-track {
    background-color: #e4e4e4;
    border-radius: 100px;
}

.LinnkedInSectionTbl::-webkit-scrollbar-thumb {
    border-radius: 100px;
    border: 6px solid rgba(0, 0, 0, 0.18);
    border-left: 0;
    border-right: 0;
    background-color: #8070d4;
}

.ExpandIcon:hover {
    cursor: pointer;
}


.ColorCodeHolder {
    display: inline-block;
    width: 40px;
    padding: 4px;
    margin-right: 5px;
}

.DashBoardPanlTitles {
    margin: 0;
    padding: 5px 10px;
    background-color: #006666;
    color: white;
}

.mYChartTitle {
    margin-right: 50px !important;
}

.fa-spin {
    color: #004ca9;
    font-size: 22px;
    margin: auto;
}



.DynamicBarGraphDatebase {
    width: 85% !important;

}

.DynamicBarGraphDatebase .ProfitedAmuntCtr {
    font-size: 14px !important;
    margin: 0 23px 0 0px !important;

}

.DynamicBarGraphDatebase .NetProfitAfterExpenses em,
.DynamicBarGraphDatebase .MonthExpenses em {
    font-size: 14px;
    width: 20px;
}



.CompDynamicBarGraphDatebase {
    width: 90% !important;

}

.CompDynamicBarGraphDatebase .ProfitedAmuntCtr {
    font-size: 14px !important;
    margin: 0 16px 0 0px !important;

}

.CompDynamicBarGraphDatebase .NetProfitAfterExpenses em,
.CompDynamicBarGraphDatebase .MonthExpenses em {
    font-size: 14px;
    width: 14px;
}

/*===== BarTool Tip =====*/
.BartooltipCtr {
    width: 36px;
    background-color: black;
    color: #fff;
    text-align: left;
    border-radius: 4px;
    padding: 3px;
    position: absolute;
    z-index: 999;
    top: -35px;
    left: 107%;
    margin-left: -40px;
    transition: transform .4s;
    box-shadow: -1px 0px 2px 1px rgb(153 151 151);

}

.BartooltipCtr:hover {
    transform: scale(3);
    z-index: 999999;
}

.BartooltipCtr::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.BartooltipCtr p {
    margin-bottom: 0px;
    font-size: 5px;
}

.BartooltipCtr color {
    display: inline-block;
    padding: 2px;
    margin-right: 1px;
}

.RevenueOrMrrBar color {
    background: #006666;
}

.ExpencesBar color {
    background: #e63900;
}

.ProfitBar color {
    background: #2d8659;
}

.GraphDigitShow {

    display: inline-block;

    margin-left: 15px;
    background: #ffffb3;
    text-align: center;
    line-height: 1.4em;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    font-weight: 700;
}

.Salesdatepicker {
    color: black;
    padding: 4px;
    border-radius: 2px;

}


#BarGraphDashboardCtr,
#IncomeBarGraphDashboardCtr,
#MRRBarGraphDashboardCtr {
    min-height: 480px;
}





@media only screen and (max-width: 600px) {
  

    .todo-list>li {
        text-align: left;
    }

    .DashBoardPanlTitles {
        font-size: 15px;
        padding: 15px 8px;
    }

    .DashBoardPanlTitles .OverallMRRIncomeDateRangeGraphDataTrigger {
        margin-right: 2px !important;
        font-size: 10px;
    }

   



    h3.mYChartTitle {
        font-size: 13px !important;
        margin-right: 0 !important;
        width: 50% !important;
        display: block !important;
        float: left;
        margin-bottom: 15px !important;
    }

    .mYChartTitle span {
        font-size: 24px;
    }

    .OverallBusinessPanel .box-tools,
    .MrrPanelDashboard .box-tools,
    .TrendsChartGraphPnel .pull-right,
    .FinancialTrendChartGraphPanel .pull-right,
    .SalesChartGraphPanel .box-tools {
        position: static;
        max-width: 345px;
    }

    .OverallBusinessPanel .box-tools input,
    .MrrPanelDashboard .box-tools input,
    .TrendsChartGraphPnel .pull-right input,
    .FinancialTrendChartGraphPanel .pull-right input,
    .SalesChartGraphPanel .box-tools input {
        width: 135px;
    }


    .IndicatorBarDetailsCtr {
        width: 100%;
        overflow: hidden;
    }


    .IndicatorBarDetailsCtr,
    #IncomeBarGraphDashboardCtr {

        padding-left: 5px;
        margin: 0;
    }

    #IncomeBarGraphDashboardCtr .LeftSideState,
    .MrrPanelDashboard .LeftSideState {
        font-size: 13px;
        padding: 10px 0;
        width: 50%;
        float: left;
        min-height: 95px;
        padding: 5px;
    }

    .IndicatorBarDetailsCtr p.BarDetailsHolder {
        width: 20%;
        text-align: left;
        margin-bottom: 20px;
        font-size: 12px;
        float: left;
    }








}



/* One query for most iPads (portrait + landscape) */
@media (min-width: 540px) and (max-width: 1366.98px) {
    .CKFilterBox .col-md-5,
    .CKFilterBox .col-md-7 {
      width:100% !important;
    }

    .entervin_nomberctr {
        position: absolute;
        top: 20px;
        right: 19px;
        width: 350px;
        z-index: 9;
    }
    .CKFilterBox .col-md-5{
        padding-bottom: 10px !important;
        border-bottom: 1px solid #575757 !important;
    }

    section.content-header>.row>div{
        width:50% !important;
    }

    section.content-header .custom-radio-group {
        gap:5px !important;
    }
    section.content-header .custom-radio-group .custom-radio-label{
        width:auto !important;
        font-size:13px !important;
    }


    section.content-header>h1>.row>.col-md-6:first-child .pull-right{
        margin-top: 20px !important;
    }


    #vinProductionNo{
     
      
        text-align: center;
        width: 100%;
        z-index: 999999;
        position: absolute;
        display: inline-block;
        background: white;
    }














  }