@charset "utf-8";/* CSS Document */
*{margin:0px; padding: 0px; box-sizing:border-box;font-family: 'Raleway', sans-serif;}

body{overflow-x:hidden; background-image: none;
background: #2a8bcb !important;
background: -moz-linear-gradient(top, #2a8bcb 0%, #2a8bcb 50%, #e9e9e9 50%, #e9e9e9 80%, #ffffff 100%) !important;
background: -webkit-linear-gradient(top, #2a8bcb 0%,#2a8bcb 50%,#e9e9e9 50%,#e9e9e9 80%,#ffffff 100%) !important; 
background: linear-gradient(to bottom, #2a8bcb 0%,#2a8bcb 50%,#e9e9e9 50%,#e9e9e9 80%,#ffffff 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a8bcb', endColorstr='#ffffff',GradientType=0 )!important; height: 100vh; 
-moz-box-shadow:    inset 0 0 40px rgba(0, 0, 0, 0.33);
-webkit-box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.33);
box-shadow:inset 0 0 40px rgba(0, 0, 0, 0.33);
}

/* form Property */
/*.login-page .frminput[type="text"],.login-page .frminput[type="password"],.login-page .frmtextarea, textarea.form-control {
height:40px;margin: 0; padding: 0 20px; vertical-align: middle; background: #f8f8f8;border:2px solid #ddd; font-size: 16px; font-weight: 300;line-height: 50px;  color: #888;
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
-o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}*/
.form-control:focus {box-shadow: none;}
.login-page .frminput[type="text"]:-moz-placeholder,.login-page .frminput[type="password"]:-moz-placeholder, 
.login-page .frmtextarea:-moz-placeholder,.login-page .frmtextarea.form-control:-moz-placeholder { color: #888; }
.login-page .frmbutton.btn-new {	height: 40px;    margin: 0;    padding: 0 20px;    vertical-align: middle;
    background: #2a8bcb;    border: 0;    font-size: 16px;
    font-weight: 300;    line-height: 40px;    color: #fff;    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;    text-shadow: none;    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
.login-page .frmbutton.btn-new:hover { opacity:0.8; color: #fff; }
.login-page .frmbutton.btn-new:active { outline: 0; opacity: 0.6; color: #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.login-page .frmbutton.btn-new:focus { outline: 0;     opacity: 10;  background: #2a8bcb; color: #fff; }
.login-page .frmbutton.btn-new:active:focus, button.btn-new.active:focus { outline: 0; opacity: 0.6; background: #19b9e7; color: #fff; }
.login-page .frm.form-group{height: inherit;}

/* form Property */
.form-box{border:solid 5px #fff;border-radius:2px; max-width:450px; }
.form-top {overflow: hidden;padding: 0 25px 15px 25px;	background: #fff;text-align: left;}
.form-top-left {float: left;	width: 75%;	padding-top: 25px;}
.form-top-left h3 {margin-top: 0;font-size: 30px;    font-weight: 400; color: #2988c7; }
.form-top-right {float: left;width: 25%;padding-top: 5px;font-size: 66px;color: #ddd;line-height: 100px;text-align: right;}
.form-bottom {padding: 25px 25px 30px 25px;background: #eee;text-align: left;
	-moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;	}
.btn-new {	    width: 100%;    margin-top: 10px;
    height: 40px;    line-height: 40px;    height: 40px;    line-height: 40px;   background: #2a8bcb;
    border: none;    color: #fff;}
.btn-new:hover { outline: 0;    opacity: 10;    color: #fff;    -moz-box-shadow: none;    -webkit-box-shadow: none;    box-shadow: none;    background: #0b66a2;}
.login-page .frm{position: absolute;    left: 50%;    margin-left:-225.2px;    top: 50%;    margin-top: -177px;   }
/***** Media queries *****/

/*inner Dashboard*/
nav {background-color:#2a8bcb !important;}
.skin-blue .main-header .navbar{background:#2a8bcb !important;}
.skin-blue .main-header .logo{background-color:#2a8bcb !important;background-image: none !important;}
.skin-blue .sidebar a {color: #fff !important; border-bottom:solid 1px #4f9ed3; }
.skin-blue .main-sidebar{background-color:#2a8bcb;}
.sidebar-menu .active{}
.sidebar-menu .active{color:#fff !important;background:#0b66a2 !important; border-left: none; 
	box-shadow: -4px 0 5px #085486;}
.sidebar-menu li a:hover{background-color:#ecf0f5 !important; color:#000 !important; background-image:none;
	box-shadow: -4px 0 5px #085486; }
.sidebar-menu li a:hover i{color:#000;}
.bread{margin-bottom:20px;border:none;background:none; background-color:#fff; }
.skin-blue .main-header .navbar .nav>li>a:hover{background: rgb(11, 102, 162);}
.navbar-nav > .user-menu > .dropdown-menu > li a:hover{background: rgb(11, 102, 162);}
.logout {background:#0b66a2;color:#fff;}
.btn:hover{background:#ecf0f5;}
.btn{width:initial;}
.modal-title { padding: 5px; margin:0; }
.modal-content{margin-bottom: 20px;}
.breadcrumb li:nth-child(1) a{padding-left:20px; position:relative;}
.breadcrumb li:nth-child(1) a:before{content: "\f015";font-family:FontAwesome; position:absolute; left:0; }

.mybutton{background-image: linear-gradient(to bottom, #2a8bcb, #2a8bcb);}
.mybutton:hover{background-image:none !important; background-color:#0b66a2 !important;}
.form-control{box-shadow: none;}
.srch_order{}
.srch_order .control-label{width: initial; }
.srch_order input[type="text"]{width:40%;float:left; border-radius: 5px 0 0 5px !important;}
.srch_order input[type="submit"]{float:left;border-radius: 0px 5px 5px 0px !important; margin-right: 10px;}
.refresh_page{width:35px;height:34px;background:#2a8bcb;font-size:20px;color:#fff;line-height:35px;border-radius:3px;cursor: pointer;}
.refresh_page input[type="image"]{padding: 0;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;font-size: 0px;border: none !important;color: transparent !important;	width: 40px;height: 40px; opacity: 0;}
.refresh_page input[type="image"]:hover{transform: rotate(360deg);}
.refresh_page{position:relative;cursor:pointer;text-align:center;overflow: hidden;float: none; margin:0 auto; display: block;}
.refresh_page:hover{background-color:#0b66a2;}
.refresh_page::before {width: 35px;height: 35px;/* background:#2a8bcb; */position: absolute;content: "\f021 ";font-family: FontAwesome;font-size: 20px;color:#fff;line-height:35px;border-radius: 3px;cursor: pointer;left:0;z-index:0;
	-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;}
.refresh_page:hover::before{ transform: rotate(360deg);}


/* Dashboard */
.small-box > .inner{}
.small-box .icon{color:#2a8bcb; font-size:60px; -webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;}

.small-box .icon{color:rgb(122, 185, 239) !important;text-shadow:-2px 2px 0px white, -3px 3px 6px rgba(11, 102, 162, 0.33)}
.small-box:hover .icon{font-size:70px;  color:#0b66a2;}

.small-box p{color:#2a8bcb;}
.small-box h3{color:#2a8bcb; text-shadow: -2px 2px 0px white, -3px 3px 6px rgba(11, 102, 162, 0.33);}

.small-box > .small-box-footer { color: #fff;background: rgb(42, 139, 203);}
.small-box > .small-box-footer:hover {color: #fff; background:#0b66a2;}

.small-box > .small-box-footer{/*padding:10px;font-weight:600;font-size: 16px;*/}
/*.small-box p { font-size: 20px;font-weight:600;text-shadow:0px 1px 2px rgba(0, 0, 0, 0.18);}*/

.small-box{border:solid 2px rgba(156, 156, 156, 0.17);background:#fff;box-shadow:5px 5px 0 rgba(0, 0, 0, 0.08);max-width: 400px;}
.first_box{border:solid 2px rgb(245, 177, 70);}
.second_box{border:solid 2px #77b966 !important;}
.third_box{border:solid 2px #c780d4 !important; }
.four_box{border:solid 2px #60a8d2 !important;}

.first_box .small-box-footer{background-color:rgb(245, 177, 70) !important; text-shadow:1px 1px 1px #b37007;}
.second_box .small-box-footer{background-color:#77b966 !important;text-shadow: 1px 1px 1px #30731f;}
.third_box .small-box-footer{background-color:#c780d4 !important;text-shadow: 1px 1px 1px #9943a9;}
.four_box .small-box-footer{background-color:#60a8d2 !important;text-shadow: 1px 1px 1px #3579a0;}


/*29-5-17*/
.progress_bar{width:100%; }
.progress_bar li {width: 125px;}
.newbox{width:370px; margin-left:-248px; left:50%;  }
.prgbar1.active::before{content: ""; position: absolute;  background: black;   width: 10px;   left: -10px;    height: 113px;}
.prgbar1 .active::before{content:"";position:absolute;background:orange;width:10px;left:-12px;height:113px;}
.prgbar1 .active::after {content: "";position:absolute;background:orange;width:370px;left:-12px;height:10px;top:13px;z-index:0;}
.progress_bar li:last-child .circle{z-index:9; }

.progress_bar li:nth-child(6).active::before{}
.progress_bar li:nth-child(6).active::before{content:'';position:absolute;height:10px;top:13px;background-color: #ffa500; width:100%;  left:0; }
.progress_bar li:nth-child(6).active::after{content:'';position:absolute;height:113px;top:-90px;background-color:#ffa500;
    width:10px;left:-10px;z-index:9;}
.progress_bar li:nth-child(6)::before {/*left: 0px !important;*/ width: 108.3% !important;}

.progress_bar .circle{left:50% !important; top:0; margin-left:-19px;}
.prgbar1 .circle{left:50% !important; }
.manage_order_page .prgbar2{bottom:-60px;}
.progress_bar li:last-child .c2{margin-left:10px;}


.progress_bar .c2 .circle{margin-left:8px;}
.progress_bar .c2 p{margin-left:25px !important;}
.progress_bar .c1 .circle{margin-left:-26px;}
/*.progress_bar .c1 span:nth-child(2) {margin-left: -6px !important;text-align: center;font-weight: bold !important;
	color: #2a8bcb;font-size: 12px;width: 100%;display: block;}*/
.progress_bar .c1 span:nth-child(2) {
    background: #2a8bcb none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 13px;
    font-weight: bold;
    margin-left: -6px;
    padding: 4px;
    text-align: center;
    width: 100%;
}

.sidebar-mini label{font-weight:500; font-size:13px;}
.fullwidth8181 .cf input {font-size: 12px; padding: 2px;}
.fullwidth8181 .cf select{padding-left: 9px;}


.sidebar-mini .form-horizontal .control-label{padding-top: 10px;}

/*31-5-17*/
#ContentPlaceHolder1_lblHome{display: none;}
.dashboard_page .box{background-color:transparent;box-shadow:0 0; padding:0 1px; }
.box .box-header .modal-dialog{box-shadow:0 0 0 0;}
.box .box-header .modal-dialog .modal-content { margin-bottom:7px; box-shadow: 0 0 0 0 !important;   border: solid 1px #ffffff !important;
    margin: 0px auto 0;}
.box .box-header .modal-dialog .modal-content .modal-header{  border-bottom: none;     background: #fff; border-bottom:solid 1px #c1c1c1;}
.modal-title {padding:5px;margin: 0;color:#2a8bcb;     background-color: white;     text-align: left; font-weight:bold;}
.modal-title span {float:right;}
.search_ordr .modal-title{text-align:center;}
.search_ordr {margin-bottom:15px !important;}

.box .modal-body {position: relative; padding:0;  background: #ffffff;float: left; box-sizing: border-box;  width: 100%; }

.colorsnew li {width: 32% !important; float:left; color:#000; }
.colors li { float:left; color:#000; }
.colors li p{margin:0; padding:5px 0; }

.colorsnew li i {margin-right:10px;float:left;margin-top:3px;}
.colorsnew li p{float:left;width:100%; text-align:center;     margin-bottom: 0;}
.box .box-header .modal-dialog .modal-content label{font-size:12px; text-shadow:0px 1px 2px #c1c1c1,1px 2px 3px #fff; }
.footable>thead>tr>th{font-size:11px;     text-align: center !important;}
.footable>tbody>tr {background: #ecf0f5;}
.footable>tbody>tr:hover{background-color:#d9dde2 !important; }
.footable th{background:#33a1fe;}
.footable>tbody>tr>td{font-size:11px; text-align: center !important;}

.print_fa,.delete_fa,.view_fa,.excel_fa{position: relative;}
.print_fa::before{content:"\f02f";position: absolute;left: 14px;top: -24px;font-size:25px;font-family:FontAwesome;}
.print_fa input{opacity:0; }

.view_fa::before{content:"\f06e";position:absolute;top:-24px;font-size:25px;font-family:FontAwesome;left: 50%;margin-left: -12.5px;}
.view_fa input{opacity:0; }

.excel_fa::before{content:"\f1c3";position:absolute;font-size:25px;font-family:FontAwesome;left: 50%;margin-left: -12.5px;}
.excel_fa input{opacity:0; }


.delete_fa::before{content:"\f00d";position:absolute;left:14px;top:-24px;font-size:25px;font-family:FontAwesome;}
.delete_fa input{opacity:0;}
.delete_fa:hover::before{color:#FF0004; }
.print_fa:hover::before,.view_fa:hover::before{color: #33a1fe;}

.manage_order { display: inline-block;}
.manage_order .cf input{height: 132px; padding: 2px;    text-align: center;}
.manage_order .cf select{height: 132px;}
.newbutns{margin:10px 0;}
.modal-body #divComments{height: inherit;}
.modal-content .col-md-12{margin:0; padding:0;}
.btn:hover {background:#0b66a2; border: #2a8bcb solid 1px;}
.newbutns .btn{color:#fff;background:#2a8bcb;}
.custom_srch{}
.custom_srch div{margin:0; padding:0;  }
.custom_srch .col-sm-3 input[type="submit"]{border-radius:0px 4px 4px 0px !important; }

/*==2-6-17==*/
.text-center .mybutton{margin:10px; color:#fff;}
.text-center{margin: 5px auto; padding: 10px;}
.top_btnexl{padding:20px; }
.colors li{width:32% !important; }
.colors li i{margin-right:10px; }

.date_up{position:absolute; top:-20px; left:0; width:100%; font-size:13px; text-align: center; text-transform:uppercase; font-family:"Source Sans Pro",sans-serif; color:#2a8bcb; font-weight:600 !important;}
.progress_bar .c2 .date_up{margin-left:25px; }

.progress_bar p{font-family:"Source Sans Pro",sans-serif;}


/*080617 Start*/
/*.content-header{ padding: 15px 15px 0;}*/
.content-header{padding: 15px 0px 0px 22px;}

.content-header:after{content: ""; clear: both; display: block;}
.bread{ margin: 0 0 20px 0;}
/*080617 End*/
/*8-6-17-ms*/

.widgets_ms a{display:inline-block;  overflow:hidden; margin:10px;padding:10px 25px; background:rgba(241, 241, 241, 0.38); box-shadow: 0px 0px 3px #e0e0e0; border: solid 3px #fff; float:none; background:rgba(88, 185, 87, 0.9); }

.widgets_ms i {font-size: 40px;    margin: 15px auto;  display: block; margin: 0;color: #fff; color: rgba(88, 185, 87, 0.9);
    background-color: #fff;    border-radius: 50px;    width: 80px;    height: 80px;    line-height: 80px;}


.widgets_ms a:nth-child(2){background:#4888cf;}
.widgets_ms a:nth-child(2) i{color:#4888cf;}

.widgets_ms a:nth-child(2) h3{color:#fff; background-color:#2c66a7;}


.widgets_ms h2 ,.widgets_ms h3{margin:0; padding: 0; }
.widgets_ms h2{ font-size:18px; padding:3px; font-weight:600; color:#fff; }
.widgets_ms a:hover h3{bottom:0; visibility: visible;}
.widgets_ms h3{font-size:13px; position:relative; bottom:-35px; background:#fff; padding:3px; visibility:hidden; color:#fff; 
	background-color:#4fa24f; transition:all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s;}
.content .content{padding:0; }
.content .col-xs-12 .box{margin-left:20px; }
.fullwidth8181 .box{width:100% !important; margin:0; margin-left:0 !important;	   }


/*12-6-18*/
.btn-xs{background-color:#fff;}
.btn-xs:hover{color:#fff; }
.footable>thead>tr>th:first-child, .footable>thead>tr>td:first-child {-moz-border-radius:0; -webkit-border-radius:0; border-radius:0px;}
.GridPager a{border-radius: 20px 20px 20px 0;}
.GridPager span{border-radius:0 20px 20px 20px;}
.GridPager>td>table{float:none;margin:5px auto;}
.custom_srch .control-label{float:left;}
.custom_srch input{border-radius:0 !important;}
.custom_srch input:hover{border-radius:0 !important;}



.control_btns a i{float: left;height: 38px;width: 38px;background: #ffffff;line-height: 38px;
    border-radius: 50px;  margin-right: 8px;  margin-left: -8px;  margin-top: 1px;}
.control_btns a {padding:0 20px 0 10px !important; line-height: 40px;
    border-radius: 50px !important;    height: initial !important;    padding-top: initial !important;}
.control_btns a:hover{color:#fff; }
.control_btns a:hover i{color:#666666; }
.c_panels i{display:none;}
.c_panels li{text-align:center;    margin: 2px;    float: left;text-shadow: 0px 1px 1px #ffffff;color: #000;font-weight: 600;}
/*.c_panels li:nth-child(1){background-color:rgb(247,162,51);}
.c_panels li:nth-child(2){background-color:rgba(237, 206, 125, 0.50);}
.c_panels li:nth-child(3){background-color:rgb(159,71,206);}
.c_panels li:nth-child(4){background-color:rgb(152,206,71);}
.c_panels li:nth-child(5){background-color:rgb(71,150,206) ;}
.c_panels li:nth-child(6){background-color:rgb(53,184,107);}
.c_panels li:nth-child(7){background-color:rgb(140,140,140);}*/

/* mayor  23-*6-17*/

.color1 {    background-color: rgb(243, 156, 18);}
.color2 {    background-color: rgb(255, 229, 180);}
.color3 {    background-color: rgb(43, 253, 47);}
.color4 {    background-color: rgb(246, 158, 148);}
.color5 {    background-color: rgb(152, 245, 255);}
.color6 {    background-color: rgb(101, 163, 20);}
.color7 {    background-color: rgb(255, 215, 0);}
.color8 {    background-color: rgb(246, 182, 193);}
.color9 {    background-color: rgb(144, 238, 144);}
.color10{    background-color: rgb(135, 206, 250);}
.color11{    background-color: rgb(176, 196, 222);}
.color12{    background-color: rgb(173,216,230);}
.color13{    background-color: rgb(144,238,144);}
.color14{    background-color: rgb(50,205,50);}
.color15{    background-color: rgb(255,255,0);}
.color16{    background-color: rgb(255,196,37);}
.color19{    background-color: yellowgreen;}
/*.color17{    background-color: rgb(0,128,0);}
.color18{    background-color: red;}*/

.color17{    background-color: #ccb7c4;}
.color18{    background-color: #7eb2d6;}


.color1,.color2,.color3,.color4,.color5,.color6,.color7,.color8,.color9,.color10,.color11,.color12,.color13,.color14,.color15,.color16,.color19{
text-align:center;    margin: 2px;    float: left;text-shadow: 0px 1px 1px #ffffff;/*color: #000;*/font-weight: 600; font-size:13px;}

.main-footer{position: relative;}


/*4-7-17 mayor */


.Accepted {background-color: rgb(247,162,51);}
.cAccepted{background-color: rgb(247,162,51);}
.Approve {background-color: rgba(237, 206, 125, 0.50);}
.cApprove {background-color: rgba(237, 206, 125, 0.50);}
.Designing {background-color: rgb(159,71,206);}
.cDesigning {background-color: rgb(159,71,206);}
.Printing {background-color: rgb(152,206,71);}
.cPrinting {background-color: rgb(152,206,71);}
.Transfered {background-color: rgb(71,150,206);}
.cTransfered{background-color: rgb(71,150,206);}
.Billed {background-color: rgb(53,184,107);}
.cBilled{background-color: rgb(53,184,107);}
.Freeze{background-color: rgb(140,140,140);}
.cFreeze{background-color: rgb(140,140,140);}

/*
.Accepted,.cAccepted,.Approve ,.cApprove,.Designing,.cDesigning,.Printing,.cPrinting,.Transfered ,.cTransfered ,.Billed, .cBilled ,.Freeze,.cFreeze {
text-align:center;    margin: 2px;    float: left;text-shadow: 0px 1px 1px #ffffff;color: #000;font-weight: 600; font-size:13px;}


    */
/* MAyor-3-7-17 v */

.box-header .nav-tabs-custom > .nav-tabs > li.active > a, .nav-tabs-custom > .nav-tabs > li.active:hover > a { background-color: #2a8bcb; color: #fff;}
.box-header .nav-tabs-custom > .nav-tabs > li.active > a { border-top-color: transparent;  border-left-color: #2a8bcb;  border-right-color: #2a8bcb;
                                                           border-radius:2px 2px 0 0 !important;}
.box-header .nav-tabs-custom > .nav-tabs > li.active {border:none;}
.box-header .nav-tabs-custom > .nav-tabs > li { border-top: 3px solid transparent;   margin-bottom: -3px;border-bottom-color:#2a8bcb;     border-right: solid 1px #2a8bcb; }
.box-header .nav-tabs-custom > .nav-tabs > li {margin-right:0px;    }
.box-header .nav-tabs-custom > .nav-tabs > li:last-child{border:0px;}
.box-header .nav-tabs-custom > .nav-tabs {border-bottom:4px solid #ddd; border-bottom-color:#2a8bcb; margin:0px;}
.box-header .modal-dialog {width:100%; left:0%;}
.box-header .nav-tabs-custom > .tab-content{padding:0;}
.box-header .nav-tabs-custom{margin-bottom:0;}
.box-header .footable > thead > tr > th {font-size:11px;}

.sidebar-form .skin-blue .sidebar-form .btn{ background: #2a8bcb;    color: #fff;}
.skin-blue .sidebar-form input[type="text"]:focus {}

.skin-blue .sidebar-form .btn {    background: #2a8bcb; color: white;}
.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn { background-color: #2a8bcb;  color: #fff;}



/* Vardhan 27-7-17 system*/
.sidebar-menu li a:hover {background:#0b66a2 !important; color:#fff !important;     border-left: 3px solid #0b66a2; }
.sidebar-menu li a:hover i{color:#fff;}
.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span { padding: 8px 10px 8px 10px; background-color:#0b66a2 ; color:#fff;}
.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span { padding: 8px 10px;  width: 200px !important;}
.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu { position: relative;  top: 36px !important;  width: 197px !important;
    padding: 0 !important;}

.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu a:hover{box-shadow:none;}

.sidebar-menu .active a:hover {  border-left: solid 2px #fff;}
.main-sidebar, .left-side { width:245px; }

.exl-btn i { display: inline;float: left; margin:0 5px 0 5px; padding: 5px; line-height:28px; color: #fff;}
.exl-btn {  width: initial;    border-radius:0px !important;    float: left;    height: inherit !important;    line-height: 38px;
    padding: 0px 20px 0 0;    margin: 10px 5px;    color:#ffffff;   float: right;    border: solid 1px #2a8bcb;    font-size: 15px;  background:#2a8bcb;   }


.exl-btn:hover {color:#fff !important; }
.exl-btn:hover i {color:#fff !important; }

/*5-7-17 Production_module*/
#grdProductionPlanning tr td:first-child {  text-align: left !important;  padding: 5px 15px 5px !important;}
.batch_multiplier {    padding: 10px 0;    border-top: solid 10px #fff;    padding-top: 10px;    background: #fff;    padding-bottom: 20px;}
.batch_multiplier .col-md-4 {text-align:center;  }
.batch_multiplier input[type="text"] {  }
.batch_multiplier #ContentPlaceHolder1_lblBatcch {font-weight:bold; font-size:15px; line-height:200%;}
.batch_multiplier #ContentPlaceHolder1_lblProductionDate {font-weight:bold; font-size:15px; line-height:200%;}
.batch_multiplier .col-sm-1:nth-child(2) { float: left;    margin-left: -40px;}

/*7-7-17*/
.col-md-12.planing_formsection{ padding: 20px 0;    vertical-align: middle;    border-bottom: solid 10px #ecf0f5;}
.planing_formsection label { font-size: 17px !important;  line-height: 55px;}
.planing_formsection textarea{ height:60px !important;}
.planing_formsection .col-xs-5{line-height: 55px;}
.planing_formsection .col-xs-5 input[type="submit"]{line-height:46px;font-size:0px;min-width:65px;}
.planing_formsection .col-xs-5 a{ background-color:#2a8bcb; border:solid 1px #2a8bcb; border-radius:5px !important;}
.planing_formsection .col-xs-5 a:hover{ background-color:#0b66a2 !important;}
.planing_formsection .col-xs-5 i {left: 30px;  top: 24%;  font-size: 30px;  color: #fff; }
.skin-blue .sidebar-menu > li > .treeview-menu{margin:0;}
.tab-content #no-more-tables{margin: 0; padding: 0;}
.footable {border-color:#fff !important;}
.progress_bar li::before {left:10px;}
.form-horizontal .col-md-4.col-sm-12 .col-sm-12 { text-align:left; margin:0; padding:0; margin-top:8px; font-weight:bold; font-size:14px;}
.form-horizontal .col-md-4.col-sm-12 .col-lg-12 {text-align:left; background-color:#fff !important; border:solid 1px #c1c1c1;
                padding: 5px;    margin: 5px 0; border-radius:5px; font-weight:normal;}
.form-horizontal .col-sm-12 {text-align:left; margin-top:8px; font-weight:bold; font-size:14px;}
.form-horizontal .col-lg-12 {text-align: left;    background-color: #fff !important;    border: solid 1px #c1c1c1;    padding: 5px;
    margin: 5px 0;    border-radius: 5px; font-weight:normal;}
.form-horizontal .form-group {margin:0;}
.form_padding {padding:0 10px;}
.form_padding .col-sm-12{margin:0; padding:0; margin-top:15px;    }
.form-horizontal h2 { padding: 0 15px 10px 0;    margin-top: 19px;    border-bottom: solid 1px #9c9c9c;    margin: 19px 16px 0;    color:#2a8bcb;    font-size: 21px;}


/*10-7-17*/
.form-top-right i{color:#2a8bcb;}
.timeline {margin:0; padding:0; border:none;}
.timeline .direct-chat-text {  margin-top:40px;  }
.content{padding:0; margin-right:0;margin-left: 0;}
.box ,.nav-tabs-custom{ background: none !important; box-shadow:none;}
.tab-content #no-more-tables {margin:0; padding:0; margin-left: -5px;}
.frm { padding-top:20px; padding-left:0; }
#Div2{padding:0;}
.cf th ,.cf input ,.cf textarea ,.cf select ,.frm textarea ,.cf td{    font-size: 12px;}
.cf td{font-weight:normal;}
#Div2 { padding: 0;    width: 93%;    float: left;}
.footable > tbody > tr:last-child > td:last-child {}
/*.footable > tbody > tr:last-child td:last-child {background:#fff;}
#ContentPlaceHolder1_grdOrderView tr:last-child td:last-child{background:#ecf0f5;}*/
#ContentPlaceHolder1_grdOrderView {margin-top:25px;}
#ContentPlaceHolder1_DivDTGrid { border: none;    box-shadow: none;}

#GridPager {background-color:#fff;}

.frm2 ,.frm3{float:left;}
.frm3 label {width:100%;    }
.frm3 label br {display:none;  }
.frm3 {width:47%;}
.frm3 span {  width: 100%;   padding: 8px;    border: solid 1px #c1c1c1; float: left; word-wrap: break-word;}
/*.frm{width: inherit;}*/

#ContentPlaceHolder1_DivDTGrid #Div2 {    margin: 0 !important;   padding: 0;  float: left;  width: 100%;}
.srch_odr {margin-top:20px;}
#ContentPlaceHolder1_divSearchOrder {padding-bottom:25px;}
.trsnsfer_table .modal-dialog {float:left; box-shadow: none;}
.transfer_mainbox .box {background-color:#fff !important; display:inline-block; padding:15px 15px 15px 0px; border-radius:0; float:left;}
.transfer_mainbox .create_orderbtn {margin:0 !important;}
.transfer_mainbox .colors li{float:right;}
.transfer_mainbox { margin: 0;  padding: 0;    margin-left: 12px;}
.transfer_mainbox .box.second_boxs {padding:0;}
.customer.box.trsnsfer_table {float:left;}
#ContentPlaceHolder1_grdTransferData {  margin-top:0;}
.transfer_form .col-sm-4 {width:100%;text-align:left; margin:0; padding:0; margin-top:8px; font-weight:bold; font-size:14px; float:left;}
.transfer_form .col-sm-8 input,.transfer_form .col-sm-8 textarea ,.transfer_form .col-sm-8 select{text-align:left; background-color:#fff !important; padding:5px;    margin:5px 0; border-radius:5px; font-weight:normal; width:100%; border-radius:5px !important;}
.transfer_form .col-sm-8 ,.transfer_form .col-sm-4{margin:0; padding:0; width:100%; float:left;}
/*.content-wrapper{float:left;}*/
.trsnsfer_table .modal-content{ padding:0; margin:0;    border: none; box-shadow:none !important;}   
.content-header{padding:15px 10px 0px 22px;}
.second_boxs th{font-size:12px;}

/*11-7-18*/
.user-header{padding: 3px;text-align: left; padding: 1px 2px;}
.user-header input[type="submit"] {width: 100%; background-color: #ea3f3f;border: solid 1px #fff;    box-shadow: none;        font-weight: 600;    }
.user-header input[type="submit"]:hover{ color:#fff; background-color:red; }
.manage_pto select{border-radius:5px; padding:8px;}
.manage_ptop{padding:15px 0; display: inline-block; width: 100%;}
#nomoretables th,#grdExecution th ,#grdStockChild th ,.footable th{font-size:12px;}
/*.manage_ptop .colors li {float:right; font-size: 11px; line-height: 42px; height: 41px;}*/
.manage_ptop .colors li {float: right;/*font-size: 12px;*/padding: 4px 22px;}


/* */
/* Base for label styling */
.aspNetDisabled {position:relative;}
.footable input[type="checkbox"]:not(:checked),
.footable input[type="checkbox"]:checked{position: relative; left: 0px;    width: 25px;    height: 25px;}
.footable input[type="checkbox"]:not(:checked) + label,
.footable input[type="checkbox"]:checked + label {  position: relative;  padding-left: 1.95em;  cursor: pointer;}

/* checkbox aspect */
#grdRecords input[type="checkbox"] { width: 20px; height: 20px;}
#grdStockChild input[type="checkbox"] { width: 20px; height: 20px;}
#ContentPlaceHolder1_nomoretables {padding:0 !important;}
.user_mnu>input[type="submit"]{margin:15px 15px 5px 0px; }
.user_mnu { padding: 0 13px;    float: left;    box-sizing: border-box;}
.user_mnu .box-header{width:97%;}
.footable > tbody > tr > td, .footable > thead > tr > th {border-left:none !important; }

#ContentPlaceHolder1_grdMenuData input[type="submit"] ,#ContentPlaceHolder1_divGridEdit input[type="submit"],
#ContentPlaceHolder1_grdPMEdit input[type="submit"]{font-size:12px; margin-bottom:5px; padding:5px; border-radius:0;}



.litle{font-size:12px; margin-bottom:5px; padding:5px; border-radius:0;}


.package_mtrial .col-lg-12 {border:none; padding:0; }
.package_mtrial .control-label {padding:0;}
#DivRawMaterialTable {float:left; margin-top:25px;}
/*20-7-17*/
.orange_div {text-align:right;  margin: 0 !important;}
.orange_div span { padding: 5px 10px;    display: block;    background: orangered;    float: right;    text-align: center;    color: #fff !important;    margin: 3px 0 2px;
                           text-shadow: 0 1px 1px #9c340d;    font-weight: bold;}
.pos_fx{position:fixed;  right:10px; z-index:99999;       }

.agign_mnu {text-align: center !important;background: #ecf0f5;padding: 9px 0 !important;     font-size: 17px !important;}
.agign_mnu tr td input {}
.agign_mnu tabel {text-align:left;}
.text_lim{text-align:left !important; padding-left:15% !important;}
.text_lim label {text-align: left !important;font-size: 16px !important;margin-left:15px;margin-top: 2px;}
.text_lim input[type="checkbox"] {width:16px; height:15px;    } 


/*26-7-17*/
.td_leftmtr th {text-align: left !important;padding-left: 10px !important; padding-right:5px !important;}
.td_leftmtr th:last-child {text-align:center !important;        }
.td_leftmtr>tbody>tr>td {text-align: left !important; padding-left: 10px !important; padding-right:5px !important;}
.td_leftmtr > tbody > tr td:last-child {text-align:center !important;  }


/*10-11-18*/
.manage_ptop .form-control {padding: 6px 10px 6px 5px;font-size: 12px;}
#ContentPlaceHolder1_divSearchBrand .modal-body{padding-bottom:20px;}

/*14-11-2017*/


/*@media (min-width: 768px) {
    
    }
}*/


@media (max-width: 1260px){
.manage_ptop .colors li {padding: 5px 17px; width: 100% !important;}
.manage_ptop .mybutton{height:34px;padding: 6px 4px;font-size: 10px;}
.manage_ptop .manage_ptop .form-control {font-size: 12px;}
	
#ContentPlaceHolder1_divSearchBrand .colorsnew li{padding: 5px 17px; width: 100% !important;}
#ContentPlaceHolder1_divSearchBrand .mybutton{height:34px;padding: 6px 4px;font-size: 10px;}
}


@media only screen and (max-width: 1000px){
	.login-page .frminput { width:100%; }
}

@media (max-width: 1300px){
div#nomoretables {overflow-x: scroll;display: inline-block;width: 100%;}	
}

/* Mayor Media Query*/
@media (max-width: 1199px){
	.colorsnew li p{width:79%; }
}
@media (min-width: 768px) and (max-width: 991px){	}

@media (max-width: 991px){
	
.manage_ptop .colors li {padding: 5px 0;float: left;width: 32% !important;margin-top: 20px;}
	
#ContentPlaceHolder1_divSearchBrand .colorsnew li {padding: 5px 0;float: left;width: 32% !important;margin-top: 20px;}
.party {display: inline-block; width: 100%;margin-top: 75px;margin-left: 15px;}
.brand_name25 .form-control { margin-bottom: 10px;}
}

@media (max-width: 767px){
.form-horizontal .form-group {display: inline-block; width: 100%;}
.colors {display: inline-block;}
.form-horizontal .col-md-2.col-sm-6 {display: inline-block;width: 100%;margin-bottom: 10px;}
.form-horizontal .col-md-2.col-sm-4.col-xs-4 {margin-top: 10px;margin-left: 15px;}
.form-horizontal .col-md-1.col-sm-4.col-xs-4 {margin-top: 10px;margin-left: 15px;}
.form-horizontal .col-sm-2.col-xs-4{margin-top: 10px;margin-left: 15px;}
.sidebar-form .btn{margin-bottom:0;}
.manage_ptop .mybutton {height: 34px;padding: 6px 4px;font-size: 12px;}
#ContentPlaceHolder1_divSearchBrand .mybutton {height: 34px;padding: 6px 4px;font-size: 12px;}
/*	div#nomoretables {
    padding: 0 0px;
    margin: 0 28px 0 -5px;
}*/
/*14-11-2017*/
.party {margin-top: 0;}	
.nomoretables125{}
}
@media (max-width:640px){	}
@media (max-width:479px){	}

@media (max-width:360px){
.colors {padding: 0 16px;}
.color7 {margin-top: 19px !important;}
.manage_ptop .colors li {padding: 10px 0; float: none;width: 100% !important;margin-top: 10px;}
	
.colorsnew {padding: 0 16px;}
#ContentPlaceHolder1_divSearchBrand .colorsnew li {padding: 10px 0; float: none;width: 100% !important;margin-top: 10px;}
	.color9{margin-top:10px;}
}


#listPrinting.active .date_up::after {
     background-color: #ffa500;
    content: "";
    height: 113px;
    position: absolute;
    right: -8px;
    top: -69px;
    width: 10px;
    z-index: 999999999;
}
 


@media print {
    .transfer_form .col-md-4 {width:33%; float:left;    background-color:red; }
    .modal-title {text-align:center;}
	body{background: #fff !important; height: auto;margin:0mm 10mm;}
	table thead {background: #fff;color: #fff;}
	.skin-blue .main-sidebar {background-color: #fff ;height: auto;}
	title {display:none;}
	.box .modal-body{width:90%; float: none; margin: 0 auto;}
	
	
        }

.print1 {
    bottom: -12px;
    display: block;
    position: absolute;
    text-align: center;
    width: 100%;
    font-family: "Source Sans Pro",sans-serif;
    color:#2a8bcb;
     text-transform: uppercase;
}

.print2 {
    bottom: -30px;
    display: block;
    position: absolute;
    text-align: center;
    width: 100%;
    font-family: "Source Sans Pro",sans-serif;
    color:#2a8bcb;
     text-transform: uppercase;
}

@media print {
  a[href]:after {
    content: none !important;
  }
	
	.form-horizontal .col-sm-12{width:50%;}
}