/*===============================
========DataWizardDiv Styles======*/

  .DataWizardDiv .panel-heading{
  height: 40px;
   /*background-color: #2980B9;*/
   /*background-color:#3F51B5 #0d79bf;*/
   background-color: #3C68B1;/*#e3e8eb;*/
   color: #fff;
  }
  .DataWizardDiv .panel-heading .panel-title{
    line-height: 40px; font-size: 1.0em;
  }

/*----icon separator styles-----*/
.header-buttons-separator {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  backgound-color: #00a651;
}
.header-buttons-separator .icon-separator {
    border-right: 0;
    border-left: rgba(255,255,255,.21) solid 1px;
}
.header-buttons-separator .icon-separator {
    color: rgba(255,255,255,.8);
}
.header-buttons-separator .icon-separator {
    top: 0;
    left: 0;
    display: block;
    float: left;
    min-width: 20px;
    height: 100%;
    padding: 0 10px;
}
.header-buttons-separator .icon-separator {
    /*border-right: rgba(255,255,255,.21) solid 1px;*/
    border-right: 1px solid #ddd;
    background: #fff;  
}
.header-buttons-separator .icon-separator .glyphicon, .header-buttons-separator .icon-separator .fa{
    line-height: 30px;
    position: relative;
    top: 50%;
    display: block;
    min-width: 22.5px;
    height: 30px;
    margin: -15px 0 0;
    text-align: center;
}
.header-buttons-separator .icon-separator:hover{
 color:#fff;
 /*backgound:rgba(255,255,255,.5);*/
 background:#F0F0F0;
 border-top: 2px solid #0c80df;
 cursor: pointer;
}

.header-buttons-separator .is1 i{
  color:#00ad79;
  font-size: 16px;
}
.header-buttons-separator .is2 i{
  color:#F73859;
  font-size: 16px;
}
.header-buttons-separator .is3 i{
  color:#BF4ACC;
  font-size: 16px;
}
.header-buttons-separator .is4 i{
  color:#1136C7;
  font-size: 16px;
}
.header-buttons-separator .is5 i{
  color:#ff69b4;
  font-size: 18px;
}
.header-buttons-separator .is6 i{
  color:#8870FF;
  font-size: 16px;
}
.header-buttons-separator .is7 i{
  color:#D71A75;
  font-size: 16px;
}

@media all and (max-device-width: 320px) {
  .header-buttons-separator .icon-separator .glyphicon, .header-buttons-separator .icon-separator .fa{
     min-width: 17px;
  }
}


/*--OpenSearchDiv Styles--*/
@media all and (max-device-width: 599px) {
  .OpenSearchDiv .OperationDiv .col-xs-6, .OpenSearchDiv .OperationDiv .col-xs-12{
      padding-left: 7.5px;
      padding-right: 7.5px;
  }

  .myqc, .mycb{
      margin-bottom: 15px;
      }
}

  .ColsAndCriteriaDiv{
    margin-top: 3px;
  }
  .ColsAndCriteriaDiv .ColsDiv{
    height: 32px; background-color: #eceff1; border:1px solid #E6E5E4;
  }
  .ColsAndCriteriaDiv .CriteriaDiv{
    height: 32px; background-color: #eceff1; border:1px solid #E6E5E4;;
  }
 

  .FinalQueryDiv{
    margin-top: -12px; margin-bottom: 3px;
  }
  
 

/*--SetsRow and PagerDiv Styles--*/

  .DataWizardDiv .SetsRow
  {
    margin: 0px -7.5px;
  } 
  
  @media all and (max-device-width: 767px) 
  {
    .DataWizardDiv .SetsRow{
        margin-left: 0px;
        margin-right: 0px;
    }
  }

  .PagerDiv{
    margin-top: -5px; background-color: #eceff1;
  }
  .PagerDiv .btn-group{
    float: right;
  }
  .PagerDiv .btn-group .btn:nth-last-child(1){
    margin-right: 0px;
  }
  .PagerDiv .btn-group .btn{
    margin-right: 15px; padding: 2px 8px 2px 8px;
  }
  

/*--AdminTable Styles--*/
  .AdminTable-Content{
    width: 100%; 
    overflow-x: scroll; 
    border: 0.5px solid #E6E5E4;
    margin-top: 5px;
  }

  .AdminTable-Content .table{
    margin-top: -0px;
    margin-bottom: 5px;
  }

  .AdminTable-Content .table  td, .AdminTable-Content .table  th{
    border:0.5px  solid #eef;
  }

  .AdminTable-Content .table thead , .AdminTable-Content .table tbody {
    white-space: nowrap !important;
  }

  .AdminTable-Content .table thead tr{
  background-color:   #0c80df !important;  /* #03A9F4 !important;  */
  }
    
  .AdminTable-Content .table thead tr th{
    color:#fff !important;
    vertical-align: middle;
   }

 .AdminTable-Content .table>tbody>tr:nth-of-type(odd) {
    background-color: #e7f5fc;
  }

  .AdminTable-Content .table tbody tr:hover{
      background: linear-gradient(top,#ced6df, #b6c6d7);
      background: -webkit-linear-gradient(top,#ced6df, #b6c6d7);
    }

  .AdminTable-Content .table thead tr th , .AdminTable-Content .table thead tr td{
    padding:3px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
  }

  .AdminTable-Content1 .table tbody tr td
  {
    padding:1px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
  }

  .AdminTable-Content .table tbody tr td{
    padding: 8px !important;
    font-size: 12px !important;
    color: #333 !important;
  }

  .AdminTable-Content .table tbody tr{
    display: table-row;
  }


/*=============------------<<<<<GENERIC STYLES>>>>>---------============================*/

/* POPGENERIC */
/*======================================*/

.popGeneric{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1300;
    display: none;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    text-align: center;
    background: rgba(0,0,0,0.35);
    
}
.popGeneric-Dialog{
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-top: 1%;
    min-width: 60%;
}

.popGeneric-Content{
  position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
    border: 1px solid rgba(0,0,0,.2);
    box-shadow: none;
    border-radius: 0;
}
.popGeneric-Header{
    padding: 10px;
    position: relative;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}
.popGeneric-Header .popGeneric-Title{
    margin: 0;
    line-height: 1.42857143;
    font-size: 1.2em;
    color: #2b425b;
    font-weight: 600; 
}
.popGeneric-Header .popGeneric-Close{
    top: 35%;
    margin-top: -0.5em;
    right: 5px;
    left: auto;
    position: absolute;
    background: transparent;
    color: #aaa;
     
}
.popGeneric-Header .popGeneric-Close:hover{
    color:#000;
}
.popGeneric-Body{
    position: relative;
    padding: 10px;
    min-height: 90px;
}
    
.popGeneric-Footer{
    position: relative;
    padding: 10px 15px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #f6f8fa;
    color: #758697;
    border-color: rgba(0,0,0,0.07);
    
}


/* popCommon */
/*======================================*/

.popCommon{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1500;
    display: none;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    text-align: center;
    background: rgba(0,0,0,0.35);  
}

.popCommon-Dialog{
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-top: 1%;
    min-width: 60%;
}

.popCommon-Content{
  position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
    border: 1px solid rgba(0,0,0,.2);
    box-shadow: none;
    border-radius: 0;
}
.popCommon-Header{
    position: relative;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    background-color: #1565C0 ;/* #1f3a93;  #721d82;  #F79AC0;/*#2980B9;*/
    padding: 8px;
    color: #fff;
}
.popCommon-Header .popCommon-Title{
    margin: 0;
    line-height: 1.42857143;
    font-weight: 600; 
    color:#fff; font-size: 1.0em;  /* #9F0088 */
}
.popCommon-Header .popCommon-Close{
    top: 35%;
    margin-top: -0.5em;
    right: 5px;
    left: auto;
    position: absolute;
    background: transparent; 
    color: coral; text-shadow: none; font-size: 15px;
    -webkit-transition:-webkit-transform .80s, opacity .25s;
    -moz-transition:-moz-transform .50s, opacity .25s;
    transition: transform .80s, opacity .25s;
    border:none;   
}
.popCommon-Header .popCommon-Close:hover{
    color:#fff; 
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    transform: rotate(270deg);
}
.popCommon-Body{
    position: relative;
    padding: 10px;
    min-height: 90px;
}
    
.popCommon-Footer{
    position: relative;
    padding: 10px 15px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #f6f8fa;
    color: #758697;
    border-color: rgba(0,0,0,0.07); 
}

@media screen and (max-width: 767px){
  .popCommon-Dialog {
    width: 90%;
  }
}

@media screen and (min-width: 768px){
  .popCommon-Dialog {
    width: 70%;
  }
}

/*form-generic styles*/
/*======================*/
    .form-generic{
      width: 65%;
    }
    .form-generic .popGeneric-Content .popGeneric-Header{
      background-color: #721d82;  /* #086fb9; */
      padding: 8px;
    }
     .form-generic .popGeneric-Header .popGeneric-Close{
       color: coral; text-shadow: none; font-size: 15px;
      -webkit-transition:-webkit-transform .80s, opacity .25s;
      -moz-transition:-moz-transform .50s, opacity .25s;
      transition: transform .80s, opacity .25s;
      border: none;
     }

 .form-generic .popGeneric-Header .popGeneric-Close:hover{
      color:#fff; 
      -webkit-transform: rotate(270deg);
      -moz-transform: rotate(270deg);
      transform: rotate(270deg);
     }

    .form-generic .popGeneric-Content .popGeneric-Header .popGeneric-Title{
      line-height: 0px; color: #fff; font-size: 1.0em;
    }
    .form-generic .popGeneric-Title{
      font-size: 1.0em; line-height: 23px; color:#5a5a5a;
    }
    .form-generic .popGeneric-Content .popGeneric-Body{
      padding: 15px 25px 5px;
    }
    .form-generic .form-group{
      margin-bottom: 5px;
    }
    .form-generic hr{
     margin-bottom: 5px; margin-top: 5px;
}

/* form-generic media queries **/

@media all and (min-width: 320px) and (max-width: 767px)  {
 /*#page-content {
    padding: 60px 15px 0 !important; 
  }*/
  .form-generic
  {
    width: 90% !important;
  }

}

/*transaction-generic styles*/
/*======================*/
 
 .transaction-generic{
      width: 95%;
    }
.transaction-generic .popGeneric-Content .popGeneric-Header{
      background-color: #721d82;  /* #2980B9; */
      padding: 8px;
      color: #fff;
    }
 .transaction-generic .popGeneric-Header .popGeneric-Close{
       color: coral; text-shadow: none; font-size: 15px;
      -webkit-transition:-webkit-transform .80s, opacity .25s;
      -moz-transition:-moz-transform .50s, opacity .25s;
      transition: transform .80s, opacity .25s;
      border: none;
}
 .transaction-generic .popGeneric-Header .popGeneric-Close:hover{
      color:#fff; 
      -webkit-transform: rotate(270deg);
      -moz-transform: rotate(270deg);
      transform: rotate(270deg);
     }
 .transaction-generic .popGeneric-Content .popGeneric-Header .popGeneric-Title{
      color: #fff; font-size: 1.0em;
    }
 .transaction-generic .popGeneric-Title{
     font-weight:400;font-size: 1.3em; color:#5a5a5a;
    }

/*heading-generic- styles*/
/*==================*/

.heading-generic{
  font-weight:400; font-size: 1.3em; color:#5a5a5a;
}
 /*table-generic styles*/
 /*====================*/
    .table-generic{
    overflow:scroll;
    }
    .table-generic thead {
    white-space: nowrap;
    }
    .table-generic .table thead tr{
      background-color: #2C82C9;  /* #4d5ec1; */ 
    }
    .table-generic .table thead tr th{
      padding: 3px !important;
      font-weight: 600 !important;
      font-size: 12px !important;
      color:#fff !important;
    }
    .table-generic .table tbody tr{
      background-color: #e7f5fc; 
    }
    .table-generic tbody tr:nth-child(even) {
     background:  rgba(229, 236, 254,1);
      }
    .table-generic tbody tr:hover{
      background: linear-gradient(top,#ced6df, #b6c6d7);
      background: -webkit-linear-gradient(top,#ced6df, #b6c6d7);
    }
    .table-generic .table tbody tr td{
     padding: 2px 2px 2px 2px;
    }
    .table-generic .table tbody tr td .input-sm{
      height: 25px;
    }
    .table-generic .table tbody tr td .btn-sm{
      height: 25px;
      width: 25px;
      padding: 4px 6px;
    }
    .table-generic tbody tr:nth-last-child(2), .table-generic tbody tr:nth-last-child(1) {
    background: #eff0f1;
    } 

 /*totaltable-generic styles*/
 /*===================*/

 .totaltable-generic tbody{
  float: right;padding-right: 0px; padding-left: 0px;
  }

/*imagelist-generic styles*/
/*=====================*/
.imageGeneric-Div{
  margin: 10px auto; width: 95%;border:2px solid #eeeeee; min-height:50px;
  }

.imageGeneric-List {
  list-style: none;
  margin: 0;
  padding: 2px;
  width: auto;
  }
.imageGeneric-List .btn{
      padding: 3px;
    }
.imageGeneric-List li {
  background: #fff;
  border: 1px solid #ccc;
  text-align: center;
  padding: 4px;

  float: left;
  margin-left: 5px;
  }

.imageGeneric-List li img {
  width: 30px;
  height: 30px;
  max-width: 100%;
  vertical-align: middle;
  border: 1px solid #474747;
  }


/*rfbtn-generic styles*/
/*===============*/
    .rfbtn-generic{
      color: #34383c;
      background-color: #fff;
      border-color: #ccc;
    }
    .rfbtn-generic:hover{  
      background-color: #ddd;
      border-color: #ccc;
    }

/*===---------------//END OF GENERIC STYLES-------======*/



/*GLMASTER Styles*/
/*=======--========*/
@media (min-width: 768px) {
  #AddressMaster .form-group{
    margin-top: 15px;
      }
 }
 .GLMaster{
  border: 1px solid #ddd; padding: 10px;
 }
 #AddressMaster{
  left: 7.5%; width: 85%; border:1px solid #E6E5E4; padding-bottom:15px;
 }



 
 
/*===========================================
=========ERP DASHBOARD STYLES====================*/

  .DashboardGeneric 
  {
      padding-left: 2px ; padding-right: 10px;
      margin-right: auto; margin-left: auto; 
  }

  .dashboardMain-Generic{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
  }
  .dashboardMenu-Generic{
    width: 75%;
    padding-left: 0px !important; padding-right: 0px !important;
    /*margin: 0 -5px;*/
  }
  .dashboardStats-Generic{
    width: 25%;
    padding-right: 5px !important; padding-left: 0px !important;
  }
  .dbActionWrap{
    width:15.4%;height: 80px; margin-left: 10px;
  }
   .dbActionWrap:hover{
    box-shadow: inset 0 0 0 3px #fff;
    cursor: pointer;
  }
  .dashCount{
    position:absolute;top: 0; left: 3px; font-size: 11px;margin-top: 3px;margin-left: 3px;
    color: #fff;font-family:  "Source Sans Pro", sans-serif; font-weight: 400;
  }
  .dbActionWrap .pad-all{
    margin-top: 10px;
  }
  .dashIcon{
    font-size: 25px;color: #fff;
  }
  .dashCaption{
    position:absolute;bottom: 0; left: 2px;font-size: 11px; margin-bottom: 3px;
    margin-left: 3px;color: #fff; font-family: "Source Sans Pro", sans-serif; font-weight: 400;
  }



/*
.dbAction1{
  background: #3D8EB9;
  border-radius: 0;
  border: 1px solid #eef;
  border-bottom: 0.5px solid rgba(0,0,0,0.17);
}
.dbAction2{
  background: #FF4444;
  border-radius: 0;
  border: 1px solid #eef;
  border-bottom: 0.5px solid rgba(0,0,0,0.17);
}

.dbAction3{
  background: #FEC606;
  border-radius: 0;
  border: 1px solid #eef;
  border-bottom: 0.5px solid rgba(0,0,0,0.17);
}

.dbAction4{
  background:#34495E;
  border-radius: 0;
  border: 1px solid #eef;
  border-bottom: 0.5px solid rgba(0,0,0,0.17);
}

.dbAction5{
  border-radius: 0;
  border: 1px solid #eef;
  border-bottom: 0.5px solid rgba(0,0,0,0.17);
    }
 .dbAction5 .dashCount, .dbAction5 .dashCaption{
  color:#2C82C9;
 }
.dbAction5 .dashIcon {
 color:#AE44C8;
}
.dbAction5:hover{
  background-color: #D2D7D3;
}


.dbAction6{
  background: #EB3774 ;  //#FD5B03;
  border-radius: 0;
  border: 1px solid #eef;
  border-bottom: 0.5px solid rgba(0,0,0,0.17);
}

.dbAction7{
  background: #71BA51;
  border-radius: 0;
  border: 1px solid #eef;
  border-bottom: 0.5px solid rgba(0,0,0,0.17);
}

.dbAction8{
  border-radius: 0;
  border: 1px solid #e7ecf3;
  border-bottom: 1px solid rgba(0,0,0,0.17);
  }
.dbAction8 .dashCount, .dbAction8 .dashCaption{
  color:#FF7416;
 }
.dbAction8 .dashIcon {
 color:#897FBA;
}
 .dbAction8:hover{
  background-color: #D2D7D3;
}

.dbAction9{
  background: #48569E;
  border-radius: 0;
  border: 1px solid #eef;
  border-bottom: 0.5px solid rgba(0,0,0,0.17);
}


.dbAction10{
  border-radius: 0;
  border: 1px solid #e7ecf3;
  border-bottom: 1px solid rgba(0,0,0,0.17);
    }
.dbAction10 .dashCount, .dbAction10 .dashCaption{
  color:#AE44C8;
 }
.dbAction10 .dashIcon {
 color:#2C82C9;
}
.dbAction10:hover{
  background-color: #D2D7D3;
} 


.dbAction11{
  background: #897FBA;
  border-radius: 0;
  border: 1px solid #eef;
  border-bottom: 0.5px solid rgba(0,0,0,0.17);
}
.dbAction12{
  background: #2C82C9;
  border-radius: 0;
  border: 1px solid #eef;
  border-bottom: 0.5px solid rgba(0,0,0,0.17);
}
.dbAction13{
  background: #673AB7;
  border-radius: 0;
  border: 1px solid #eef;
  border-bottom: 0.5px solid rgba(0,0,0,0.17);
}
.dbAction14{
  background: #DF82AC;
  border-radius: 0;
  border: 1px solid #eef;
  border-bottom: 0.5px solid rgba(0,0,0,0.17);
}
.dbAction15{
  background: #009688;
  border-radius: 0;
  border: 1px solid #eef;
  border-bottom: 0.5px solid rgba(0,0,0,0.17);
}
.dbAction16{
  background: #953163;
  border-radius: 0;
  border: 1px solid #eef;
  border-bottom: 0.5px solid rgba(0,0,0,0.17);
}
.dbAction17{
  background: #44BBFF;
  border-radius: 0;
  border: 1px solid #eef;
  border-bottom: 0.5px solid rgba(0,0,0,0.17);
}
.dbAction18{
  background: #FD8943;
  border-radius: 0;
  border: 1px solid #eef;
  border-bottom: 0.5px solid rgba(0,0,0,0.17);
}*/


.dbAction3{
  background: #8ef5c9 ; /*#69f8f8;*/
  border-radius: 0;
  border: 1px solid #eef;
  border-bottom: 0.5px solid rgba(0,0,0,0.17);
  color:#07345b !important;
}

.dbAction3 .dashCount, .dbAction3 .dashCaption{
  color:#07345b;
 }

.dbAction3 .dashIcon {
 color:#AE44C8;
}

.dbAction5{
  border-radius: 0;
  border: 1px solid #eef;
  border-bottom: 0.5px solid rgba(0,0,0,0.17);
    }
 .dbAction5 .dashCount, .dbAction5 .dashCaption{
  color:#2C82C9;
 }

.dbAction5 .dashIcon {
 color:#AE44C8;
}
.dbAction5:hover{
  background-color: #D2D7D3;
}

.dbAction7{
  background: #71BA51;
  border-radius: 0;
  border: 1px solid #eef;
  border-bottom: 0.5px solid rgba(0,0,0,0.17);
}

.dbAction10{
  border-radius: 0;
  border: 1px solid #e7ecf3;
  border-bottom: 1px solid rgba(0,0,0,0.17);
  color1: #0b126a;
    }
.dbAction10 .dashCount, .dbAction10 .dashCaption{
  color:#2C82C9;
 }
.dbAction10 .dashIcon {
 color:#0b126a;
}  

.dbAction15{
  background: #009688;
  border-radius: 0;
  border: 1px solid #eef;
  border-bottom: 0.5px solid rgba(0,0,0,0.17);
}


.dashboardMenu-Generic .dbAction1{
  background: #0b126a;
  color:#fffefe;
}

.dashboardMenu-Generic .dbAction2{
  background: #ec1c72;
  color:#fffefe;
}

/*.dashboardMenu-Generic .dbAction3{
  background: #e2e2e2;
  color:#35363a;
}
*/
.dashboardMenu-Generic .dbAction4{
  
  background:#5bc0de ; /* #fdedaa #ffab40; */
  color: #39312e ; /* #fffefe; */

}

.dbAction4 .dashCount, .dbAction4 .dashCaption{
  color:#39312e;
 }

/*.dashboardMenu-Generic .dbAction5{
  background: #ffffff;
  color:#07345b;
}*/

.dashboardMenu-Generic .dbAction6{
  background: #9dcc58;
  background: #a8e973;
  color:#000000;
}
.dbAction6 .dashCount, .dbAction6 .dashCaption{
  color:#5834b0; /*#2C82C9*/
 }

/*.dashboardMenu-Generic .dbAction7{
  background: #243434;
  color:#abde1f;
  background: #f9edb9;
  color: #39312e;
}
*/

.dashboardMenu-Generic .dbAction8{
  background: #00bfa5;
  color:#fffefe;
}

.dashboardMenu-Generic .dbAction9{
  background: #06a6f4;
  color:#fffefe;
}

/*.dashboardMenu-Generic .dbAction10{
  background: #ffebed;
  background: #fce4ec;
  color:#212121;
}*/

.dashboardMenu-Generic .dbAction11{
  
  background: #5834b0;
  color:#fffefe;
}

.dashboardMenu-Generic .dbAction12{
  background: #f7ee23;
  color1:#030200;
  color1: #0b126a;
}
.dbAction12 .dashIcon {
 color:#5834b0; /*#AE44C8;*/
}

.dbAction12 .dashCount, .dbAction12 .dashCaption{
  color:#5834b0; /*#2C82C9;*/
 }
.dbAction12 .dashIcon {
 color:#5834b0; /* #0b126a;*/
}

.dashboardMenu-Generic .dbAction13{
  background: #fbc41f;
  color:#231f20;
}

.dashboardMenu-Generic .dbAction14{
  background: #640084;
  color:#fffefe;
  
}

/*.dashboardMenu-Generic .dbAction15{
  background: #ffffff;
  color:#1b1f28;
}*/

.dashboardMenu-Generic .dbAction16{
  background: #3c495a;
  color:#fffefe;
}

.dashboardMenu-Generic .dbAction17{
  background: #BC985E;
  background: #ff80ab;
  color:#fffefe;
}

.dashboardMenu-Generic .dbAction18{
  background: #b2ebf2;
  color1:#07345b;
  color1: #0b126a;
}
.dbAction18 .dashCount, .dbAction18 .dashCaption{
  color:#2C82C9;
 }
.dbAction18 .dashIcon {
 color:#0b126a;
}

.dashboardMenu-Generic .dbAction19{
  background: #0d47a1;
  color:#fffefe;
}

.dashboardMenu-Generic .dbAction20{
  background: #f2f0de;
  color:#07345b;
}

.dashboardMenu-Generic .dbAction21{
  background: #ff6d00;
  color:#fffefe;
}

.dashboardMenu-Generic .dbAction22{
  /*background: #6ebe45;
  background: #dbecf2;
  color:#4b4b4d;*/
  background: #c8e6c9;
  color: #07345b;
}

.dashboardMenu-Generic .dbAction23{
  
  background: #00c853;
  color:#fffefe;
}

.dashboardMenu-Generic .dbAction24{
  background: #21173b;
  /* background: linear-gradient(to bottom, rgb(41, 32, 66,0.6), rgb(13, 71, 161,0.9));*/
  color:#fffefe;
}



/*===============================================
  MEDIA QUERIES FOR ERP-DASHBOARD
=================================================*/
/*General*/

@media only screen and (min-width: 800px) and (max-width: 900px){
  .dashboardMenu-Generic, .dashboardStats-Generic{
     width:100%;
  }
  .dbActionWrap{
     width:15.3%;
  }
}

@media only screen and (min-width: 601px) and (max-width: 799px){
  .dashboardMenu-Generic, .dashboardStats-Generic{
     width:100%;
  }
  .dbActionWrap{
     width:18.2%;
  }
}

@media only screen and (min-width: 500px) and (max-width: 600px){
  .dashboardMenu-Generic, .dashboardStats-Generic{
     width:100%;
  }
  .dbActionWrap{
     width:17.9%;
  }
}

@media only screen and (min-width: 360px) and (max-width: 499px){
  .dashboardMenu-Generic, .dashboardStats-Generic{
     width:100%;
  }
  .dbActionWrap{
     width:22.1%;
  }
}

    /*Specific*/
@media all and (device-width: 1024px) {
  .dashboardMenu-Generic{
     width:75%;
  }
  .dashboardStats-Generic{
    width: 25%;
  }
  .dbActionWrap{
     width:15%;
  }
}

@media all and (device-width: 976px){
  .dashboardMenu-Generic{
     width:75%;
  }
  .dashboardStats-Generic{
    width: 25%;
  }
  .dbActionWrap{
     width:15%;
  }
}

@media all and (device-width: 966px){
  .dashboardMenu-Generic{
     width:75%;
  }
  .dashboardStats-Generic{
    width: 25%;
  }
  .dbActionWrap{
     width:15%;
  }
}

@media all and (device-width: 960px){
  .dashboardMenu-Generic{
     width:75%;
  }
  .dashboardStats-Generic{
    width: 25%;
  }
  .dbActionWrap{
     width:15%;
  }
}

@media all and (device-width: 812px) {
  .dashboardMenu-Generic, .dashboardStats-Generic{
     width:100%;
  }
  .dbActionWrap{
     width:15.3%;
  }
}
@media all and (device-width: 800px) {
  .dashboardMenu-Generic, .dashboardStats-Generic{
     width:100%;
  }
  .dbActionWrap{
     width:15.2%;
  }
}
@media all and (device-width: 768px) {
  .dashboardMenu-Generic, .dashboardStats-Generic{
     width:100%;
  }
  .dbActionWrap{
     width:15.2%;
  }
}

@media all and (device-width: 740px) {
  .dashboardMenu-Generic, .dashboardStats-Generic{
     width:100%;
  }
  .dbActionWrap{
     width:15.2%;
  }
}

@media all and (device-width: 736px) {
  .dashboardMenu-Generic, .dashboardStats-Generic{
     width:100%;
  }
  .dbActionWrap{
     width:15.2%;
  }
}

@media all and (device-width: 732px) {
  .dashboardMenu-Generic, .dashboardStats-Generic{
     width:100%;
  }
  .dbActionWrap{
     width:15.2%;
  }
}

@media all and (device-width: 699px) {
  .dashboardMenu-Generic, .dashboardStats-Generic{
     width:100%;
  }
  .dbActionWrap{
     width:15.2%;
  }
}

@media all and (device-width: 667px) {
  .dashboardMenu-Generic, .dashboardStats-Generic{
     width:100%;
  }
  .dbActionWrap{
     width:18.4%;
  }
}

@media all and (device-width: 640px) {
  .dashboardMenu-Generic, .dashboardStats-Generic{
     width:100%;
  }
  .dbActionWrap{
     width:18.4%;
  }
}

@media all and (device-width: 600px) {
  .dashboardMenu-Generic, .dashboardStats-Generic{
     width:100%;
  }
  .dbActionWrap{
     width:18.2%;
  }
}

@media all and (device-width: 568px) {
  .dashboardMenu-Generic, .dashboardStats-Generic{
     width:100%;
  }
  .dbActionWrap{
     width:23.1%;
  }
}

@media all and (device-width: 534px) {
  .dashboardMenu-Generic, .dashboardStats-Generic{
     width:100%;
  }
  .dbActionWrap{
     width:23%;
  }
}

@media all and (device-width: 533px) {
  .dashboardMenu-Generic, .dashboardStats-Generic{
     width:100%;
  }
  .dbActionWrap{
     width:23%;
  }
}

@media all and (device-width: 480px) {
  .dashboardMenu-Generic, .dashboardStats-Generic{
     width:100%;
  }
  .dbActionWrap{
     width:22.8%;
  }
}

@media all and (device-width: 432px) {
  .dashboardMenu-Generic, .dashboardStats-Generic{
     width:100%;
  }
  .dbActionWrap{
     width:22.6%;
  }
}

@media all and (device-width: 414px) {
  .dashboardMenu-Generic, .dashboardStats-Generic{
     width:100%;
  }
  .dbActionWrap{
     width:30.8%;
  }
}

@media all and (device-width: 412px) {
  .dashboardMenu-Generic, .dashboardStats-Generic{
     width:100%;
  }
  .dbActionWrap{
     width:30.8%;
  }
}

@media all and (device-width: 375px) {
  .dashboardMenu-Generic, .dashboardStats-Generic{
     width:100%;
  }
  .dbActionWrap{
     width:30.5%;
  }
}

@media all and (device-width: 360px) {
  .dashboardMenu-Generic, .dashboardStats-Generic{
     width:100%;
  }
  .dbActionWrap{
     width:30.3%;
  }
}

@media all and (device-width: 320px) {
  .dashboardMenu-Generic, .dashboardStats-Generic{
     width:100%;
  }
  .dbActionWrap{
     width:30%;
  }
}


/*******((((((*End of ERPs Dashboard Media queries))))*********/


/* content-container media queries **/

@media all and (min-width: 320px) and (max-width: 767px)  {
 /*#page-content {
    padding: 60px 15px 0 !important; 
  }*/
  #content-container 
  {
    padding-top: 80px !important;
  }
}



.rpWise-chkboxes input[type="checkbox"]{
  margin-left: 5px !important;
}
.rpWise-chkboxes .checkbox label{
  padding-right: 10px !important;
  padding-top: -10px !important;
}

/*.magic-checkbox+label:not(:empty) {
    padding: -1px !important;
}*/

/*.btn-coral{
  background: coral;
  border-color:coral;
  color:#fff;
}
.btn-coral:hover{
  background: #E95933;
  border-color: #E95933;
  color:#fff;
}

.btn-orange{
  background: #FF520F;
  border-color:#FF520F;
  color:#fff;
}
.btn-orange:hover{
  background: #E95933;
  border-color: #E95933;
  color:#fff;
}

.btn-cream{
  background: #F7A3A2;
  border-color:#F7A3A2;
  color:#fff;
}
.btn-cream:hover{
  background:#E2999F;
  border-color: #E2999F;
  color:#fff;
}

.btn-darkpink{
  background: #D71A75;
  border-color:#D71A75;
  color:#fff;
}
.btn-darkpink:hover{
  background:  #B3005A;
  border-color: #B3005A;
  color:#fff;
}

.btn-yellow{
  background: #FFDA0C;
  border-color: #FFDA0C;
  color:#fff;
}
.btn-yellow:hover{
  background: #F5C700;
  border-color:#F5C700;
  color:#fff;
}

.btn-lightpurple{
  background: #BF4ACC;
  border-color: #BF4ACC;
  color:#fff;
}
.btn-lightpurple:hover{
  background: #9c27b0;
  border-color: #9c27b0;
  color:#fff;
}



.btn-violet{
  background: #8657DB;
  border-color: #8657DB;
  color:#fff;
}
.btn-violet:hover{
  background: #8870FF;
  border-color: #8870FF;
  color:#fff;
}

.btn-lightnavy{
  background: #1136C7;
  border-color: #1136C7;
  color:#fff;
}
.btn-lightnavy:hover{
  background: #1C57E1;
   border-color: #1C57E1;
  color:#fff;
}

.btn-navyblue{
  border-color: #11156D;
  color:#fff;
}
.btn-navyblue:hover{
  background: #48569E;
  color:#fff;
}

.btn-skyblue{
  background: #10D2E5;
  border-color: #10D2E5;
  color:#fff;
}
.btn-skyblue:hover{
  background: #85E2FF;
  border-color: #85E2FF;
  color:#fff;
}

.btn-blue{
  background: #2C82C9;
  border-color: #2C82C9;
  color:#fff;
}
.btn-blue:hover{
  background: #199EC7;
  color:#fff;
}


.btn-green{
  background: #2DCC70;
  border-color:#2DCC70;
  color:#fff;
}
.btn-green:hover{
  background: #27AE61;
  color:#fff;
}

/*background-color:#00e5ff;*/





/*Generic Custom Btn Styles*/

.btn-cyan{
  background: #00e5ff !important;
  border-color: #00e5ff !important;
  color:#fff !important;
}
.btn-cyan:hover{
  background: #10D2E5 !important;
  color:#fff !important;
}
.btn-cyan:focus{
  color:#fff !important;
}



.btn-coral{
  background: coral !important;
  border-color:coral !important;
  color:#fff !important;
}
.btn-coral:hover{
  background: #E95933 !important;
  border-color: #E95933 !important;
  color:#fff !important;
}
.btn-coral:focus{
  color:#fff !important;
}


.btn-orange{
  background: #FF520F !important;
  border-color:#FF520F !important;
  color:#fff !important;
}
.btn-orange:hover{
  background: #FF420F;
  border-color: #FF420F !important;
  color:#fff;
}
.btn-orange:focus{
  color:#fff !important;
}


.btn-red{
  background: #E3000E !important;
  border-color: #E3000E !important;
  color:#fff !important;
}
.btn-red:hover{
  background: #CF000F !important;
  border-color: #CF000F !important;
  color:#fff !important;
}
.btn-red:focus{
  color:#fff !important;
}


.btn-darkpink{
  background: #D71A75 !important;
  border-color:#D71A75 !important;
  color:#fff !important;
}
.btn-darkpink:hover{
  background:  #B3005A !important;
  border-color: #B3005A !important;
  color:#fff !important;
}
.btn-darkpink:focus{
  color:#fff !important;
}


.btn-lightpink{
  background: #ff69b4 !important;
  border-color:#ff69b4 !important;
  color:#fff !important;
}
.btn-lightpink:hover{
  background:  #ff4fa7 !important;
  border-color: #ff4fa7 !important;
  color:#fff !important;
}
.btn-lightpink:focus{
  color:#fff !important;
}



.btn-cream{
  background: #F7A3A2 !important;
  border-color:#F7A3A2 !important;
  color:#fff !important;
}
.btn-cream:hover{
  background:#E2999F !important;
  border-color: #E2999F !important;
  color:#fff !important;
}
.btn-cream:focus{
  color:#fff !important;
}


.btn-lightpurple{
  background: #BF4ACC !important;
  border-color: #BF4ACC !important;
  color:#fff !important;
}
.btn-lightpurple:hover{
  background: #9c27b0 !important;
  border-color: #9c27b0 !important;
  color:#fff !important;
}
.btn-lightpurple:focus{
  color:#fff !important;
}


.btn-darkpurple{
  background: #85238A !important;
  border-color: #85238A !important;
  color:#fff !important;
}
.btn-darkpurple:hover{
  background: #671a6b !important;
  border-color: #671a6b !important;
  color:#fff !important;
}
.btn-darkpurple:focus{
  color:#fff !important;
}


.btn-violet{
  background: #8657DB !important;
  border-color: #8657DB !important;
  color:#fff !important;
}
.btn-violet:hover{
  background: #8870FF !important;
  border-color: #8870FF !important;
  color:#fff !important;
}
.btn-violet:focus{
  color:#fff !important;
}


.btn-blue{
  background: #2C82C9 !important;
  border-color: #2C82C9 !important;
  color:#fff !important;
}
.btn-blue:hover{
  background: #199EC7 !important;
  border-color: #199EC7 !important;
  color:#fff !important;
}
.btn-blue:focus{
  color:#fff !important;
}


.btn-navyblue{
  background:#11156D !important; /*#02135C;*/
  border-color: #11156D !important;
  color:#fff !important;
}
.btn-navyblue:hover{
  background: #48569E !important;
  border-color: #48569E !important;
  color:#fff !important;
}
.btn-navyblue:focus{
  color:#fff !important;
}


.btn-lightnavy{
  background: #1136C7 !important;
  border-color: #1136C7 !important;
  color:#fff !important;
}
.btn-lightnavy:hover{
  background: #1120C7 !important;
  border-color: #1120C7 !important;
  color:#fff;
}
.btn-lightnavy:focus{
  color:#fff !important;
}


.btn-skyblue{
  background: #10D2E5 !important;
  border-color: #10D2E5 !important;
  color:#fff !important;
}
.btn-skyblue:hover{
  background: #85E2FF !important;
  border-color: #85E2FF !important;
  color:#fff !important;
}
.btn-skyblue:focus{
  color:#fff !important;
}


.btn-teal{
  background: #00ad79 !important;
  border-color: #00ad79 !important;
  color:#fff !important;
}
.btn-teal:hover{
  background: #009467 !important;
  border-color: #009467 !important;
  color:#fff !important;
}
.btn-teal:focus{
  color:#fff !important;
}

.btn-yellow{
  background: #FFCA0C !important;
  border-color: #FFCA0C !important;
  color:#fff !important;
}
.btn-yellow:hover{
  background: #F2BB13 !important;
  border-color:#F2BB13 !important;
  color:#fff !important;
}
.btn-yellow:focus{
  color:#fff !important;
}


.btn-green{
  background: #21ba45 !important;
  border-color:#21ba45 !important;
  color:#fff !important;
}
.btn-green:hover{
  background: #21aa45 !important;
  border-color: #21aa45 !important;
  color:#fff !important;
}
.btn-green:focus{
  color:#fff !important;
}


.btn-gray{
  background: #5C6D7E !important;
  border-color: #5C6D7E !important;
  color:#fff !important;
}
.btn-gray:hover{
  background: #363B4E !important;
  border-color: #363B4E !important;
  color:#fff !important;
}
.btn-gray:focus{
  color:#fff !important;
}


.btn-search{
  background: #0c80df !important;
  border-color:#0c80df !important;
  color:#fff !important;
}
.btn-search:hover{
  background:  #38a0f4 !important;
  border-color: #38a0f4 !important;
  color:#fff !important;
}
.btn-search:focus{
  color:#fff !important;
}


.btn-test1{
  background: #eb59bc !important;
  border-color: #eb59bc !important;
  color:#fff !important;
}
.btn-test1:hover{
  background: #ff1493 !important;
  border-color: #ff1493 !important;
  color:#fff !important;
}
.btn-test1:focus{
  color:#fff !important;
}





/* AUTOSEARCH POP*/
/*======================================*/

.autoSearch-pop{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1300;
    display: none;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    text-align: center;
    background: rgba(0,0,0,0.35);  
}

.autoSearch-Dialog{
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-top: 1%;
    width: 65%;
    
}
 
.autoSearch-Content{
  position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
    border: 1px solid rgba(0,0,0,.2);
    box-shadow: none;
    border-radius: 0;
    /*width:300px;*/
    
}
.autoSearch-Header{
    padding: 8px;
    position: relative;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    background: #581c86 ; //* #861c7e ; /* #48569E; */
}
.autoSearch-Header .autoSearch-Title{
    margin: 0;
    line-height: 1.42857143;
    font-size: 1.0em;
    color: #fff;
    font-weight: 600; 
}
.autoSearch-Header .autoSearch-Close{
    top: 35%;
    margin-top: -0.5em;
    right: 5px;
    left: auto;
    position: absolute;
    background: transparent;
    border: none;
    color: #fff;  

}
.autoSearch-Header .autoSearch-Close:hover{
    color:coral;
}
.autoSearch-Body{
    position: relative;
    padding: 10px;
    min-height: 90px;
}
    
.autoSearch-Footer{
    position: relative;
    padding: 10px 15px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #f6f8fa;
    color: #758697;
    border-color: rgba(0,0,0,0.07); 
}

.autoSearch-Body .row{
  border-bottom: 1px dashed #eee; 
  margin-bottom: 10px;
}

.autoSearch-Body .table tr th, .autoSearch-Body .table tr td {   padding: 4px; !important }

/*.autoSearch-Body .table>tbody>tr:nth-of-type(odd) {
    background-color: #e7f5fc;
  }
*/
/*.autoSearch-Body .table>tbody>tr:hover {
    background-color: #eee;
  }
*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 1024px) {
  .autoSearch-Dialog{
    width: 90%;
  }
}

@media screen and (min-width:1024px) and (orientation: landscape) {
  .autoSearch-Dialog { 
     width: 65%;
  }
}



/*  End of Automate search */


    
/*===========================================
=========AdminSettings Server Navigator STYLES====================*/

.AdminSettings .nav-tabs i{
  font-size: 20px;
  }

.AdminSettings .userinfo-table, .AdminSettings .privileges-table{
  height: 400px;
  overflow-y: scroll;
  }

  .AdminSettings .rolesinfo-table{
  height: 450px;
  overflow-y: scroll;
  }

.AdminSettings .table-generic{
  height: 420px;
 }

.AdminSettings .table-generic thead tr th , .AdminSettings .table-generic tbody tr td {
  
  white-space: nowrap;
}

.AdminSettings .table-generic .table thead tr {
    backgound-color: #0c80df;
}

.AdminSettings .AdminLog-Details .panel {
  border-top-left-radius: 20px; border-top-right-radius:20px;
}

.AdminSettings .AdminLog-Details .panel .pad-all{
  padding: 5px;
}

.AdminSettings .AdminLog-Details .panel .pad-all p{
      margin: 0 0 5px;
      text-transform: uppercase;
}

.AdminSettings .AdminLog-Details .panel .bg-trans-dark{
  background: #fff;
}

.AdminSettings .AdminLog-Details .panel .pad-ver{
  padding-top: 10px;
  padding-bottom: 0px;
}
.AdminSettings .AdminLog-Details .panel .pad-ver p{
  font-family: "Source Sans Pro", sans-serif;
}


//// end of Server Navigator Styles ////


/*================docPreview-info  styles=============*/

.docPreview-info{
  width: 65%;
}

.docPreview-info .popCommon-Header{
   background: #1C9963 ;
}
.docPreview-info .popCommon-Close{
   color:coral;
}
.docPreview-info .popCommon-Title{
   color:#fff;
}

.docPreview-info .popCommon-Title i{
   font-size: 20px;
}

.docPreview-info .panel .panel-body {
    padding: 15px 5px 25px;
}

.docPreview-info .popCommon-Body .ListPreview{
   height: 390px; overflow-y: scroll; 
}

 .docPreview-info .popCommon-Body .ListPreview.list-group{
   margin-bottom: 0px;
}

.docPreview-info .Preview-Area .timeline-entry {
   margin-top:0px; 
}

.docPreview-info .Preview-Area .timeline-label {
   margin-left: 0px; padding: 10px;
}

.docPreview-info .Preview-Area .timeline-entry .img-holder img {
  max-width: 100%; height: 420px;
}

@media screen and (max-width:768px) {
    .docPreview-info { 
       width: 90%;
    }
}

@media screen and (max-width:767px) {
    .docPreview-info { 
       width: 90%;
    }
    .docPreview-info .popCommon-Body .ListPreview{
        height : 160px !important; overflow-y: scroll;
    }
    .docPreview-info .Preview-Area .timeline-entry .img-holder img {
        max-width: 100%; height: 300px;
    }
}

/*================End of docPreview-info  styles=============*/



/*===========================================
=========APP DASHBOARD STYLES====================*/
  .appDBMain-Generic{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
  }
  .appDBMenu-Generic{
    width: 100%;
    padding-left: 0px !important; padding-right: 0px !important;
  }
  
  .appDB-Item{
    width:9.2%;height: 90px; margin-left: 10px;
    border-radius: 3px;
  }

   .appDB-Item:hover{
    border: 1px solid #333;
    cursor: pointer;
  }
  .appDB-Item .pad-all{
    margin-top: 3px;
    padding:7px 0px 7px 0px !important;
  }
  .appIcon{
    font-size: 30px;
    color:#fff;
  }

  .appDB-Item i {
  font-size: 1.9em;
  width: 1.9em;
  text-align: center;
  line-height: 1.9em;
  background:#333;
  color: #fff;
  border-radius: 50%; /* or 50% width & line-height */
  border: 1px solid #333;
}
  .appCaption{
    position:absolute;bottom: 0; left: 0;font-size: 11px; margin-bottom: 3px;
    margin-left: 3px; font-family: "Source Sans Pro", sans-serif; font-weight: 400;
  }



.appAction1 .appIcon{
  background: #2C82C9;
  border: #2C82C9;
}
.appAction1 .appCaption{
  color:#2C82C9;
}

.appAction2 .appIcon{
  background: coral;
  border: coral;
}
.appAction2 .appCaption{
  color:coral;
}

.appAction3 .appIcon{
  background: #D71A75;
  border: #D71A75;
}
.appAction3 .appCaption{
  color:#D71A75;
}

.appAction4 .appIcon{
  background: #10D2E5;
  border: #10D2E5;
}
.appAction4 .appCaption{
  color:#10D2E5;
}

.appAction5 .appIcon{
  background: #8657DB;
  border: #8657DB;
}
.appAction5 .appCaption{
  color:#8657DB;
}

.appAction6 .appIcon{
  background: #FFCA0C;
  border: #FFCA0C;
}
.appAction6 .appCaption{
  color:#FFCA0C;
}

.appAction7 .appIcon{
  background: #00ad79;
  border: #00ad79;
}
.appAction7 .appCaption{
  color:#00ad79;
}

.appAction8 .appIcon{
  background: #BF4ACC;
  border: #BF4ACC;
}
.appAction8 .appCaption{
  color:#BF4ACC;
}

.appAction9 .appIcon{
  background: #5C6D7E;
  border: #5C6D7E;
}
.appAction9 .appCaption{
  color:#5C6D7E;
}

.appAction10 .appIcon{
  background: #0c80df;
  border: #0c80df;
}
.appAction10 .appCaption{
  color:#0c80df;
}

.appAction11 .appIcon{
  background: #21ba45;
  border: #21ba45;
}
.appAction11 .appCaption{
  color:#21ba45;
}

.appAction12 .appIcon{
  background: #0c80df;
  border: #0c80df;
}
.appAction12 .appCaption{
  color:#0c80df;
}

.appAction13 .appIcon{
  background: #FFD91E;
  border: #FFD91E;
}
.appAction13 .appCaption{
  color:#FFD91E;
}

.appAction14 .appIcon{
  background: #ff69b4 ;
  border: #ff69b4 ;
}
.appAction14 .appCaption{
  color:#ff69b4 ;
}

.appAction15 .appIcon{
  background: #00B5B5;
  border: #00B5B5;
}
.appAction15 .appCaption{
  color:#11156D;
}

.appAction16 .appIcon{
  background: #FF6B6E;
  border: #FF6B6E;
}
.appAction16 .appCaption{
  color:#FF6B6E;
}

.appAction17 .appIcon{
  background: #C878AB;
  border: #C878AB;
}
.appAction17 .appCaption{
  color:#C878AB;
}

.appAction18 .appIcon{
  background: #8657DB;
  border: #8657DB;
}
.appAction18 .appCaption{
  color:#8657DB;
}

.appAction19 .appIcon{
  background: #D71A75;
  border: #D71A75;
}
.appAction19 .appCaption{
  color:#D71A75;
}

.appAction20 .appIcon{
  background: #349935;
  border: #349935;
}
.appAction20 .appCaption{
  color:#349935;
}



/*Media queries for App Dashboard*/

/*Ipad Pro*/
@media all and (device-width: 1024px) and (device-height: 1366px) and (orientation:portrait) {
  .appDBMenu-Generic{
     width:100%;
  }
 
  .appDB-Item{
     width:15%;
  }
}
/* Samsung Tab 3 */
@media all and (device-width: 800px) and (device-height: 1280px) and (orientation:portrait) {
  .appDBMenu-Generic{
     width:100%;
  }
  .appDB-Item{
     width:15.2%;
  }
}
/* Ipad 1 2 3 */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  .appDBMenu-Generic{
     width:100%;
  }
  .appDB-Item{
     width:15%;
  }
}
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
  .appDBMenu-Generic{
     width:100%;
  }
  
  .appDB-Item{
     width:15%;
  }
}
/*Samsung Tab */
@media all and (device-width: 600px) and (device-height: 1024px)  and (orientation:portrait) {
  .appDBMenu-Generic{
     width:100%;
  }
  .appDB-Item{
     width:14.7%;
  }
}
@media all and (device-width: 1024px) and (device-height: 600px) and (orientation:landscape) {
  .appDBMenu-Generic{
     width:100%;
  }
 
  .appDB-Item{
     width:15%;
  }
}
/*Samsung Tab 2 */
@media all and (device-width: 600px) and (device-height: 976px)  and (orientation:portrait) {
  .appDBMenu-Generic{
     width:100%;
  }
  .appDB-Item{
     width:14.8%;
  }
}
@media all and (device-width: 976px) and (device-height: 600px) and (orientation:landscape) {
  .appDBMenu-Generic{
     width:100%;
  }
 
  .appDB-Item{
     width:15%;
  }
}
/*Lenovo Tab S8 50F*/
@media all and (device-width: 600px) and (device-height: 960px) and (orientation:portrait) {
  .appDBMenu-Generic{
     width:100%;
  }
  .appDB-Item{
     width:14.7%;
  }
}
@media all and (device-width: 960px) and (device-height: 600px) and  (orientation:landscape) {
  .appDBMenu-Generic{
     width:100%;
  }
  
  .appDB-Item{
     width:14.9%;
  }
}
/*----Samsung Note 5----*/
@media all and (device-width: 412px) and (device-height: 732px) and (orientation:portrait) {
  .appDBMenu-Generic{
     width:100%;
  }
  .appDB-Item{
     width:22.1%;
  }
}
@media all and (device-width: 732px) and (device-height: 412px) and (orientation:landscape) {
  .appDBMenu-Generic{
     width:100%;
  }
   .appDB-Item{
     width:15.2%;
  }
}
/*----iphone6plus----*/
@media all and (device-width: 414px) and (device-height: 736px) and (orientation:portrait) {
  .appDBMenu-Generic{
     width:100%;
  }
  .appDB-Item{
     width:21.9%;
  }
}
@media all and (device-width: 736px) and (device-height: 414px) and (orientation:landscape) {
  .appDBMenu-Generic {
     width:100%;
  }
   .appDB-Item{
     width:15.2%;
  }
}
/*----MI MAX----*/
@media all and (device-width: 393px) and (device-height: 699px) and (orientation:portrait) {
  .appDBMenu-Generic{
     width:100%;
  }
  .appDB-Item{
     width:22%;
  }
}
@media all and (device-width: 699px) and (device-height: 393px) and (orientation:landscape) {
  .appDBMenu-Generic{
     width:100%;
  }
   .appDB-Item{
     width:15.1%;
  }
}
/*----iphone6, 6s, 7, 8----*/
@media all and (device-width: 375px) and (device-height: 667px) and (orientation:portrait){
  .appDBMenu-Generic{
     width:100%;
  }
  .appDB-Item{
     width:21.9%;
  }
}
@media all and (device-width: 667px) and (device-height: 375px) and (orientation:landscape) {
  .appDBMenu-Generic{
     width:100%;
  }
   .appDB-Item{
     width:15%;
  }
}

/*----Google Nexus5x & Nexus 6P ----*/
@media all and (device-width: 414px) and (device-height: 732px) and (orientation:portrait){
  .appDBMenu-Generic{
     width:100%;
  }
  .appDB-Item{
     width:22.2%;
  }
}
@media all and (device-width: 732px) and (device-height: 414px) and (orientation:landscape) {
  .appDBMenu-Generic{
     width:100%;
  }
   .appDB-Item{
     width:15.2%;
  }
}
/*----Google Nexus 4 ----*/
@media all and (device-width: 384px) and (device-height: 640px) and (orientation:portrait){
  .appDBMenu-Generic{
     width:100%;
  }
  .appDB-Item{
     width:21.9%;
  }
}
@media all and (device-width: 640px) and (device-height: 384px) and (orientation:landscape) {
  .appDBMenu-Generic{
     width:100%;
  }
   .appDB-Item{
     width:15%;
  }
}
/*----Galaxy S8 & Gaxlaxy S8 Plus ----*/
@media all and (device-width: 360px) and (device-height: 740px) and (orientation:portrait){
  .appDBMenu-Generic{
     width:100%;
  }
  .appDB-Item{
     width:21.9%;
  }
}
@media all and (device-width: 740px) and (device-height: 360px) and (orientation:landscape) {
  .appDBMenu-Generic{
     width:100%;
  }
   .appDB-Item{
     width:15.2%;
  }
}
/*----Galaxy Note 3 & Gaxlaxy 5s ----*/
@media all and (device-width: 360px) and (device-height: 640px) and (orientation:portrait){
  .appDBMenu-Generic{
     width:100%;
  }
  .appDB-Item{
     width:21.9%;
  }
}
@media all and (device-width: 640px) and (device-height: 360px) and (orientation:landscape) {
  .appDBMenu-Generic{
     width:100%;
  }
   .appDB-Item{
     width:15%;
  }
}
/*----Iphone 5 & Iphone 5s ----*/
@media all and (device-width: 320px) and (device-height: 568px) and (orientation:portrait){
  .appDBMenu-Generic{
     width:100%;
  }
  .appDB-Item{
     width:29.3%;
  }
}
@media all and (device-width: 568px) and (device-height: 320px) and (orientation:landscape) {
  .appDBMenu-Generic{
     width:100%;
  }
   .appDB-Item{
     width:14.7%;
  }
}
/*----Samsung Duos----*/
@media all and (device-width: 320px) and (device-height: 534px) and (orientation:portrait) {
  .appDBMenu-Generic{
     width:100%;
  }
  .appDB-Item{
     width:29.3%;
  }
}
@media all and (device-width: 534px) and (device-height: 320px) and (orientation:landscape) {
  .appDBMenu-Generic{
     width:100%;
  }
   .appDB-Item{
     width:14.6%;
  }
}
/*----Iphone 4s ----*/
@media all and (device-width: 320px) and (device-height: 480px) and (orientation:portrait){
  .appDBMenu-Generic{
     width:100%;
  }
  .appDB-Item{
     width:29.5%;
  }
}
@media all and (device-width: 480px) and (device-height: 320px) and (orientation:landscape) {
  .appDBMenu-Generic{
     width:100%;
  }
   .appDB-Item{
     width:17.8%;
  }
}

/*******((((((*End of appDashboard Media queries))))*********/