/* CSS Document */
.fl{
float:left;
}
.required{
color:#FF0D13;
}

.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:6px;
    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;
        }

/*loading css starts*/
.loader {
    border: 8px solid #f3f3f3;
    border-radius: 50%;
    border-top: 8px solid #3498db;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    margin: auto
}

.loader .loader-lg {
    width: 120px;
    height: 120px;
    border: 16px solid
}

.loader .loader-lg {
    width: 25px;
    height: 25px;
    border: 4px solid
}
.loader.loader-blue-grey {
    border-top-color: #4caf50
}

.loader-overlay {
    z-index: 11000;
    position: absolute;
    width: 100vw;
    height: 100vh;
    background: #e8e8e8;
    opacity: .5;
    display: none
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}
/*loading css ends*/


/*26-09-2019 Right side Popup*/

	.modal.left .modal-dialog,
	.modal.right .modal-dialog {
		position: fixed;
		margin: auto;
		width: 50%;
		height: 100%;
		-webkit-transform: translate3d(0%, 0, 0);
		    -ms-transform: translate3d(0%, 0, 0);
		     -o-transform: translate3d(0%, 0, 0);
		        transform: translate3d(0%, 0, 0);
	}

	.modal.left .modal-content,
	.modal.right .modal-content {
		height: 100%;
		overflow-y: auto;
	}
	
	.modal.left .modal-body,
	.modal.right .modal-body {
		padding: 15px 15px 80px;
	}

/*Left*/
	.modal.left.fade .modal-dialog{
		left: -320px;
		-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, left 0.3s ease-out;
		        transition: opacity 0.3s linear, left 0.3s ease-out;
	}
	
	.modal.left.fade.in .modal-dialog{
		left: 0;
	}
        
/*Right*/
	.modal.right.fade .modal-dialog {
		right: -320px;
		-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, right 0.3s ease-out;
		        transition: opacity 0.3s linear, right 0.3s ease-out;
	}
	
	.modal.right.fade.in .modal-dialog {
		right: 0;
	}

/* ----- MODAL STYLE ----- */
	.modal-content {
		border-radius: 0;
		border: none;
	}

	.modal-header {
		border-bottom-color: #EEEEEE;
		background-color: #FAFAFA;
	}

/* ----- v CAN BE DELETED v ----- */
body {
    background-color: #fff;
}

.demo {
	padding-top: 60px;
	padding-bottom: 110px;
}

.btn-demo {
	margin: 15px;
	padding: 10px 15px;
	border-radius: 0;
	font-size: 16px;
	background-color: #FFFFFF;
}

.btn-demo:focus {
	outline: 0;
}

.demo-footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	padding: 15px;
	background-color: #212121;
	text-align: center;
}

.demo-footer > a {
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	color: #fff;
}

.questionbg {
 margin-bottom:15px; box-shadow: 0 5px 4px -4px #c5bfbf; margin-bottom:15px; background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 14%, rgba(246,246,246,1) 91%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(14%, rgba(240,240,240,1)), color-stop(91%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 14%, rgba(240,240,240,1) 91%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 14%, rgba(240,240,240,1) 91%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 14%, rgba(240,240,240,1) 91%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 14%, rgba(240,240,240,1) 91%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); padding-top:15px; padding-bottom:20px; padding-right:15px;
}

label.error {
    color: #cc5965;
    display: inline-block;
    margin-left: 5px;
}

.focus {
    border: 2px solid #ec95a9;
    background-color: #ffffff;
}


/*26-12-2020*/


.containercheck {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 15px;
  font-weight:normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.containercheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee; 
  float:left;
}

/* On mouse-over, add a grey background color */
.containercheck:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.containercheck input:checked ~ .checkmark {
  background-color: #ef5233;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.containercheck input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.containercheck .checkmark:after {
  left: 9px;
  top: 2px;
  width: 8px;
  height: 15px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}




/*radio*/
/* Create a custom radio button */
.radiomark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.containercheck:hover input ~ .radiomark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.containercheck input:checked ~ .radiomark {
  background-color: #ef5233;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radiomark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.containercheck input:checked ~ .radiomark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.containercheck .radiomark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}



/*
 *  scrollbarstyl
 */

.scrollbarstyl::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
	border-radius: 5px;
}

.scrollbarstyl::-webkit-scrollbar
{
	width: 5px;
    height:2px;
	background-color: #F5F5F5;
}

.scrollbarstyl::-webkit-scrollbar-thumb
{
	/*border-radius: 10px;*/
	background-image: -webkit-gradient(linear,
									   left bottom,
									   left top,
									   color-stop(0.44, rgb(138 127 125)),
									   color-stop(0.72, rgb(121 105 101)),
									   color-stop(0.86, rgb(90 78 75 / 1)));
}

/*-------------------new style------------------*/
.has-feedback .form-control {
    padding-right: 0px !important;
}
/*-------------------new style------------------*/