/* CSS Document */
.fl{
float:left;
}
.required{
color:#FF0D13;
}
body {
      font-family: 'Poppins','Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
/*14-05-2020 Start*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,300,500,700");
/* WIDGETS */
.widget {
  border-radius: 5px;
  padding: 15px 20px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.widget.style1 h2 {
  font-size: 30px;
}
.widget h2,
.widget h3 {
  margin-top: 5px;
  margin-bottom: 0;
}
.widget-text-box {
  padding: 20px;
  border: 1px solid #e7eaec;
  background: #ffffff;
}
.widget-head-color-box {
  border-radius: 5px 5px 0 0;
  margin-top: 10px;
}
.widget .flot-chart {
  height: 100px;
}
.vertical-align div {
  display: inline-block;
  vertical-align: middle;
}
.vertical-align h2,
.vertical-align h3 {
  margin: 0;
}

/* BACKGROUNDS */
.gray-bg,
.bg-muted {
  background-color: #f1f1f1;
}
.white-bg {
  background-color: #ffffff;
}
.blue-bg,
.bg-success {
  background-color: #1c84c6;
  color: #ffffff;
}
.navy-bg,
.bg-primary {
  background-color: #1ab394;
  color: #ffffff;
}
.violet{
  background-color: #ed55a7;
  color: #ffffff;
}
.green{
   background-color: #a8b94c;
  color: #ffffff;
}
.red2{
  background-color: #ce5834;
  color: #ffffff;
}
.lazur-bg,
.bg-info {
  background-color: #23c6c8;
  color: #ffffff;
}
.yellow-bg,
.bg-warning {
  background-color: #f8ac59;
  color: #ffffff;
}
.red-bg,
.bg-danger {
  background-color: #ed5565;
  color: #ffffff;
}
.black-bg {
  background-color: #262626;
}
/*14-05-2020 End*/

.myorderMData
{
    color:#1b4f61;
    /*font-weight:bold;*/
    font-size:14px;
	font-family:"Verdana",Verdana Aparajita Arial;
}

.myorderMDatafor
{
    color:#1b4f61;
    /*font-weight:bold;*/
    font-size:12px;
	font-family:"Verdana",Verdana Aparajita Arial;
}
.mystatus {
	border-radius: 2px;
	color: #F8FCFF;
	font-size: 10px;
	margin-left: 5px;
	padding: 1px 4px 2px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.20);
}

.required
{
    color:#FF0D13;
}

.tableborder
{
    border-bottom:1px solid #525252;
}

.round {
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 12px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 12px; 
  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 12px; 
}

.myroundDiv
{
    border-radius:12px;
    background:#00c0ef;
    color: #FFFFFF;
    /*padding:10px;
   */
     margin-right:30px;
    margin-bottom:10px;
       padding-right: 0px;
    padding-left: 0px;
}
.myroundDivtwo
{
    border-radius:12px;
    background:#00a65a;
    color: #FFFFFF;
     /*padding:10px;
   */
     margin-right:30px;
    margin-bottom:10px;
       padding-right: 0px;
    padding-left: 0px;
}

.mytable
{
    width:100%;
    margin-bottom:5px;
}

.mytdstyle
{
    background: #15a3c5;
 padding: 5px;

}

.mytdstyletwo
{
    background: #0b9053;
  padding: 5px;
}

.myroundDivthree
{
    border-radius:12px;
    background:#f56954;
    color: #FFFFFF;
    /*padding:10px;*/
    margin-right:10px;
    margin-bottom:10px;
    padding-right: 0px;
    padding-left: 0px;
}


.mytdstylethree
{
    background: #ea5342;
    padding: 5px;
}

.datelabel
{
    padding:5px;
}
.mybtnstyl {
    font-size:12px;
    padding:4px;
    font-weight:bold;
    float:left;
}

 /*13-April-2017*/

#tblOrders.table > tbody > tr > td {
    vertical-align:middle;
    padding:5px;
}
#tblCustomers.table > tbody > tr > td {
    vertical-align:middle;
    padding:5px;
}

/*21-april-2017*/

#tablecommission.table > tbody > tr > td {
    vertical-align:middle;
    padding:5px;
}

#tablecommission.table > tbody > tr > td .checkbox {
    margin-bottom:0px;
    margin-top:0px;
}

/*21-april-2017*/


.myborderline
{
    border-bottom:1px solid #FFFFFF;
    margin-bottom:2px;
    width:100%;
    
  
}

.mylabelstyl
{
    font-size:11px;
    padding:5px; 
}

.mylabelstyl2
{
    font-size:12px;
     padding:8px; 
}
/*.mystatus-green {
	background-color: #13782E;
}

.mystatus-yellow {
	background-color: #CCA01B;
}

.mystatus-blue {
	background-color: #3474CF;
}

.mystatus-red {
	background-color: #DB2727;
}

.mystatus-orange {
	background-color: #F0861D;
}

.mystatus-black {
	background-color: #000000;
}*/

.myorderSData
{
    color:#525252;
    font-size:11px;
    text-align:left;
}

.myicons{
font-size:18px;
padding-right:2px;
}


/*.bootbox {
    z-index: 9999 !important;

}*/




.checkbox label:after, 
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox label, .radio label {
    padding-left:0px;
}
.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

.radio .cr {
    border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}


.checkbox, .radio {
    margin-bottom:0px;
    margin-top:5px;
}

.err
        {
            color: #8a6d3b;
            background-color: #f5f5f5;
            border: 1px solid #ff0000;
        }




/*28-05-2018*/

.tabbutn{
    border-right:2px solid #079fc9; 
    border-left:2px solid #079fc9; 
    border-top:2px solid #079fc9; 
    margin-top: 5px; 
    font-size:16px; 
    font-weight:bold;
    padding-top:5px;
}



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

.tabbutn{
    border-right:2px solid #079fc9; 
    border-left:2px solid #079fc9; 
    border-top:2px solid #079fc9; 
    margin-top: 5px; 
    font-size:13px; 
    font-weight:bold;
    padding-top:5px;
    padding-left:2px;
    padding-right:2px;
    width:auto;
}


}




   #tblTransactions .table>tbody>tr>td {
                                                           border-right:1px solid #ddd;
                                                        }