@charset "utf-8";
/* CSS Document */

*									{ box-sizing:border-box; margin:0px; padding:0px; }
p									{ font-size:14px; margin:0px; padding:0px; color:#333; }
h1									{ font-size:36px; margin:0px; padding:0px; color:#333; }
h2									{ font-size:24px; margin:0px; padding:0px; color:#333; }
h3									{ font-size:18px; margin:0px; padding:0px; color:#333; }
h4									{ font-size:16px; margin:0px; padding:0px; color:#333; }
ul									{ list-style:none; }
body								{ padding:0px; margin:0px; font-family: 'Roboto', sans-serif !important; /*background:url(../images/vintage-leaves.png) repeat;*/ background-size:300px;  text-transform: uppercase !important;
  font-weight:bold  !important;
 }
.form-control						{ text-transform:uppercase !important; }
.btn 								{ font-size:11px !important; }
.form-group							{ margin-bottom:10px !important; }
header								{ float:left; width:100%; padding:10px 0px; background:#067ab7; }
.logo								{ float:left; }
.logo h3							{ float:left; color:#fff; margin:0px; padding:10px 0px; font-size:18px;  }
.logo img							{ float:left; width:150px; }

.header_right						{ float:right; margin-top:5px; }
.header_right .navbar-nav > .user-menu .user-image { float: left; width: 40px; height:40px; border:1px solid #ddd; border-radius: 50%; margin-right: 10px; margin-top: -7px; }
.header_right .navbar-nav li > a    { color:#fff; font-size:11px; padding:5px 10px; }
.header_right .navbar-nav li > a:hover  { color:#fff; background:#333; }
.header_right .navbar-nav li ul li a{ color:#333; }
.header_right .navbar-nav li ul li a{ color:#333; }
.header_right .nav>li>a:focus,.nav>li>a:hover{text-decoration:none; color:#fff; background-color:#333;}
.header_right .nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#fff; color:#fff; }

.filter_button						{ border:1px solid #152b36; border-radius:50px; overflow:hidden; }

.menu								{ float: left; width: 100%; background: #0a92d9; border-bottom: 2px solid #0d76b0; border-top: 2px solid #0d76b0; }

.menu .navbar						{ margin:0px; border-radius: 0px; float: left; width: 100%; min-height:auto; text-align:center; }
.menu .navbar .navbar-nav			{ float:none; }
.menu .navbar .navbar-collapse		{ padding:0px; }
.menu .navbar .navbar-nav > li 		{ float:none; display:inline-block; margin-left:0px; border-right:1px solid #087dba;  }
.menu .navbar .navbar-nav > li > a	{ color:#fff; font-size:11px; padding:6px 15px 6px 15px; }
.menu .navbar .navbar-nav > li.dropdown > a	{ padding-right:20px; }
.menu .navbar .navbar-nav > li > a:hover	{ background:#0d76b0; color:#fff; }


.filter_section						{ float:left; width:100%;/* position:fixed;*/ display:none; min-height:125px; background:#333; top:0px; left:0px; }
.filter_inner						{ float:left; width:100%; border:1px solid #666; min-height:100px; margin-top:12px; padding:20px 10px; }
.filter_inner .filter_name			{ font-size:14px; color: #fff; float:left; width:100%; margin:0px 0px 5px 0px; padding:0px;  }
.search_button						{ margin-top:22px; margin-right:5px; }
.clear_button						{ margin-top:22px; background:#ddd;  }


.table_section						{ float:left; width:100%; min-height:600px;  }
.table_inner						{ float:left; width:100%; position:relative; min-height:400px; margin:20px 0px; padding:10px 10px; border-radius:10px; background:#ffffff; background: -webkit-linear-gradient(#ffffff, #ffffff); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#ffffff, #ffffff); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#ffffff, #ffffff); /* For Firefox 3.6 to 15 */ background: linear-gradient(#ffffff, #ffffff); /* Standard syntax */  }
.salign_right						{ float:right; width:100%; }	
.salign_right>li					{ margin-left:5px; float:right; }	
.salign_refresh_box					{ float:left; width:100%; padding:10px 0px; }	
.salign_box							{ float:left; width:100%; }	
.salign_box_btn						{ padding:4px 8px; background:#900; color:#fff; border-radius:5px; border:0px; margin-left:5px; margin-right:5px; }
.salign_box_label					{ float:left; font-size:11px;  }
.salign_box_label select			{ padding:5px; height:30px; font-size:11px; }
.salign_box_label select option		{ padding:5px; }
.pagination_div						{ float:left; width:100%; text-align:center; } 
.pagination .active					{
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #fff;
    text-decoration: none;
    background-color:#337ab7;
    border: 1px solid #ddd;
}
	
.salign_refresh_box	.pagination		{ margin:0px; }

.res_main_table_box					{ float:left; width:100%; }
.res_main_table						{ float:left; width:100%; background:#fff; }
.res_main_table	tr					{  }
.res_main_table	tr td				{ padding:4px 6px; border:1px solid #d8d8d8; font-size:11px; color:#666; }
.res_main_table	tr th				{ padding:4px 6px; border:1px solid #d8d8d8; background:#e2e2e2; text-align:center; font-size:11px; color:#333; }
.res_main_table	tr:hover			{ background:#ececec; }

.option_ul							{ float:none; margin:0px auto; width:117px; }
.option_ul li						{ float:left; margin:3px 2px; }
.option_ul li a						{ float:left; padding:2px; text-align:center; line-height:20px; height:25px; width:25px; border:1px solid #ddd; }
.option_ul li a:hover				{ background:#ddd; }
.option_ul li a	.fa-trash			{ color:#F00; }
.option_ul li a	.fa-pencil-square-o	{ color:#03C; }
.option_ul li a	.fa-eye				{ color:#0C6; }
.option_ul li a	.fa-file-pdf-o			{ color:#FF0000; }



.section_section					{ float:left; width:100%; padding:10px; }
.section_section h4					{ float:left; width:100%; margin:0px 0px 20px 0px; padding:8px 0px; text-align:left; color:#e49307; }
.section_section					{ float:left; width:100%; padding:10px; }
.section_box						{ float:left; width:100%; margin-bottom:15px; padding:5px 10px; }
.section_box .section_name			{ font-size:14px; color: #fff; float:left; width:100%; margin:0px 0px 5px 0px; padding:0px;  }
.modal iframe {
    width: 100%;
}

.add_page_iframe					{ width:100%; height:590px; border:0px; padding:0px 15px; }
.api_view							{ height:550px; }
.add_page_form						{ float:left; width:100%; padding:15px;  }
.api_view .form-group				{ margin-bottom:15px !important; }
.add_popup							{ }
.add_popup .modal-header			{ text-align:center; color:#fff; border-bottom:0px; padding:5px 0px; position:relative; }
.add_popup .modal-header h3			{ margin:0px; padding:0px; margin-top:15px; color:#067ab7; font-size:16px; }
.add_popup .modal-content			{ border-radius:0px; background:#fff; border:2px solid #ddd; }
.add_popup .modal-footer			{ border-top:0px; }
.add_popup .close					{ position:absolute; right:10px; top:15px; width:25px; height:25px; border:1px solid #666; color:#666; opacity:1; font-size:12px; }		
.add_popup .close:hover				{ color:#333; border:1px solid #333; opacity:1; }		


.pagination_div	li, .pagination_div	li a{ font-size:11px; }						

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 111;
    top: 0;
    right: 0;
    background-color: #02354e;
    overflow-x: hidden;
    transition: 0.5s;
    padding:0px;
}


.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

.sidenav .closebtn { background:#333; border-radius:50px; color:#fff; text-decoration:none; width:35px; height:35px; text-align:center; padding-top:4px;
    position: absolute;
    top:12px;
    right:15px;
    font-size: 20px;
    margin-left: 50px;
}
.modal-content		{ max-height:600px; overflow-x:scroll; }




		.add_page_form .modal-footer 		{ border-top:0px; padding:5px 0px; }
		.add_page_form .modal-body 			{ padding:0px; }
		.apf_name							{ color:#333; font-size:12px; margin-bottom:5px; }
		.add_page_form .checkbox, .radio			{ display:inline-block; margin-right:10px; color:#333; font-size:12px; }
		.add_page_form .checkbox label , .radio label  		{ padding-left:0px !important; }
		.form-group							{ margin-bottom: 23px; }
.form-control.input-sm				{ height:27px !important; font-size:12px !important; border-radius:0px !important; }
		
.checkbox label:after, 
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.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;
}		
		



.v_name							{ color:#3a3a3a; padding-top:7px; font-size:12px; margin-bottom:5px; width:35%; float:left; word-break: break-word; padding-right:10px; }
		.apf_name span						{ float:right; }
		.add_page_form .checkbox, .radio	{ display:inline-block; margin-right:10px; color:#333; }
		.add_page_form .checkbox label , .radio label  		{ padding-left:0px !important; font-size:12px; }
		.modal iframe						{ height:620px !important; }
       .add_page_form .apf_val				{ width: 65%; display:inline-block; color:#c62828; margin:0px; font-size:12px; border:0px solid #ccc; background:#fff; border-radius:5px; padding:8px 8px; }
	   
	   .full_name							{ width: 16% !important; }
	   .full_val							{ width:84% !important; }
.view_page_form .form-group			{ margin-bottom:15px !important; }
	   
.select_field { padding:0px 10px; border:0px;  -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;

 }
.loading-div{
	position:fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.56) !important;
	z-index: 999999;
	display:none;
}
.loading-div img {
	margin-top: 20%;
	margin-left: 50%;
}

.trip_number		{ width:100%; margin-top:100px; float:left; padding: 30px 20px; background:#ffe8e9; border: 2px solid #e8adad; }
.trip_number .control-label.col-sm-5 { padding-top:7px; }
.trip_number .form-group { width:100%; float:left; }
.trip_number .btn-primary { padding: 8px 12px; }

.new_forme   { background:#f1f1f1; min-height:240px; margin-bottom:20px; padding:15px; }
.new_forme  .apf_val {  background:none; }
.new_forme h1   { font-size:20px; margin:5px 0px 10px 0px; color:#067ab7; }
.my_mrg			{ margin-top:30px; }




.a-right {
    text-align: right !important;
}

.switcher {
    margin-bottom: 10px;
    border: 1px solid #cddddd;
    background: #e7efef;
    padding: 10px;
}
/* Horizontal Tabs */
ul.tabs-horiz                   { margin:0 0 18px 0; background:url(images/horiz_tabs_ul_bg.gif) repeat-x 0 100% #f8f8f8; padding:8px 0 0 5px; width:100%; float:left; }
ul.tabs-horiz li                { float:left; margin:0 4px; list-style-type:none; }
ul.tabs-horiz li a              { display:block; background:#e2e2e2; border:1px solid #ccc; padding:2px 10px; color:#333 !important; text-decoration:none !important; }
ul.tabs-horiz li a.notloaded    { /* not used for now */ }
ul.tabs-horiz li a.active       { border-bottom:1px solid #fff; background:#fff; }

/* SPACE
*******************************************************************************/
.box,
.entry-edit fieldset,
.entry-edit .fieldset                   { padding:10px 15px; margin-bottom:15px; }
.box,
.entry-edit fieldset,
.entry-edit .fieldset { border:1px solid #d6d6d6; background:#fafafa; }
.bold {
    font-weight: bold !important;
}
.a-center {
    text-align: center !important;
}

/* Grid - General */
.grid                           { border-bottom:0; padding-bottom:.5em; }
.grid table                     { width:100%; border:1px solid #cbd3d4; border-bottom:none; }
.grid table.border              { border:1px solid #cbd3d4; }
.grid tbody                     { background:#fff; }    /* Zebra odd-row */
.grid tr.even, .grid tr.even tr { background:#f6f6f6; } /* Zebra even-row */
.grid tr.on-mouse               { background:#fcf5dd; cursor:pointer; } /* Rows mouse-over */
.grid tr.invalid                { background-color:#f5d6c7; }
.grid th, .grid td              { padding:2px 4px 2px 4px; }
.grid th                        { white-space:nowrap; }
.grid td.editable input.input-text { width:50px !important; margin-left:4px !important; }
.grid td input.input-text       { width:86%; }
.grid td input.input-text-export-filter { width:272px; }
.grid td input.input-text-range { width:104px; }
.grid td input.input-text-range-date { width:87px; }
.grid td input.input-inactive   { background:#eee; }
.grid table td                  { border-width:0 1px 1px 0; border-color:#dadfe0; border-style:solid; }
.grid table.border td           { background:#fff !important; }
.grid table td.first,
.grid table td.last             { border-right:0; }
.grid table td.product          { text-align:right; }
.grid table td.empty-text       { padding:15px; }
.grid table td .action-select   { width:100%; }
.grid .separator                { padding:0 4px; color:#b9b9b9; }

.grid tbody.odd tr              { background:#fff !important; }
.grid tbody.even tr             { background:#f6f6f6 !important; }
.grid tbody.odd tr td,
.grid tbody.even tr td          { border-bottom:0; }
.grid tbody.odd tr.border td,
.grid tbody.even tr.border td   { border-bottom:1px solid #dadfe0; }


/* SWITCHER
*******************************************************************************/
#details_wrapper 	{ float:left; width:100%; background:#fff; padding:20px 0px;}
.switcher { margin-bottom:10px; border:1px solid #cddddd; background:#e7efef; padding:10px; }
.side-col .switcher { padding-right:26px; }
.side-col .switcher label { display:block; }
.side-col .switcher .link-store-scope { float:right; margin-right:-19px; margin-left:3px; }
.side-col .switcher select { width:100%; float:left; }
/*.side-col .switcher     { margin-right:20px; margin-bottom:20px; }*/
.catalog-categories .side-col .switcher { margin-right:0; margin-bottom:15px; }
.link-store-scope { display:inline-block; vertical-align:middle; margin:0 0 1px; width:16px; height:16px; background:url(images/i_question-mark.png) 0 0 no-repeat; text-decoration:none !important; text-indent:-999em; overflow:hidden; }
.store-scope .link-store-scope { float:left; margin-right:10px; }
.store-scope .tree-store-scope { float:left; padding:7px 10px; border:1px dotted #dedede; }
.store-scope table.stores-tree { float:left; width:auto !important; }
.form-list td.value .store-scope { white-space:nowrap; }
.form-list td.value .link-store-scope { float:none; margin-right:0; vertical-align:top; margin-top:6px; }

.filter_main 					{ width:100%; }	
.filter_main .col-md-3         { padding-right: 5px; padding-left: 5px; margin-bottom:10px; }
.filter_main .col-md-2         { padding-right: 5px; padding-left: 5px; margin-bottom:10px; }
.filter_main .form-control.input-sm { width:100% !important; }
.filter_main .form-control.input-sm.minput							{ width:auto !important; display: inline-block; float: left; }

.responsive_table2 	{ float:left; width:100%; margin-bottom:20px;}
.responsive_table2 thead { background:#0a92d9;}
.responsive_table2 thead th {border: 1px solid #d9d9d9 !important; font-size:12px; color:#fff; text-align:center; line-height:24px; font-weight:normal; padding:5px;}
.responsive_table2 td { background:none !important; border: 1px solid #d9d9d9 !important; padding:10px; font-size:12px; color:#000; line-height:0px; word-break:break-all; line-height:18px; text-align:center;}
.resp_th1 {  padding:5px; background:#0a92d9;}
.resp_th1 th {font-size:12px; color:#fff; text-align:center; font-weight:normal;  padding: 10px; border: 1px solid #d9d9d9; background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; }
.resp_th2 th {font-size:12px; color:#097084;  font-weight:normal;  padding: 10px; border: 1px solid #d9d9d9;background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; }
.d-non th{ border: 1px solid #d9d9d9; }
.d-non{  background:#32adec; }
.responsive_table2 thead th:nth-child(1) { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; }
.registeraddbutton						{ padding-top:2px; width:25px; height:25px; text-align:center; background:#063; color:#fff; border-radius:50px; cursor:pointer;  }
.regsiterdeletebutton1					{ padding-top:2px; width:25px; height:25px; text-align:center; background:#F00; color:#fff; margin-right:10px; border-radius:50px; cursor:pointer; }
.mtable									{ cursor:pointer; }	 
.mtable:hover							{ background:#0a92d9; color:#fff; }	 

@media screen and (max-width: 760px) {
.responsive_table2 {
    border: 0 none;
}
.responsive_table2 thead {
    display: none;
}
.responsive_table2 tr {
    border:0px solid #3c85c6;
    display: block;
    margin-bottom: 10px;
}
.responsive_table2 td {
    border-bottom: 1px dotted #ccc;
    display: block;
    font-size: 13px;
    text-align: right;
}
.responsive_table2 td:last-child {
    border-bottom: 0 none;
}
.responsive_table2 td::before {font-size:12px;
    content: attr(data-title);
    float: left;
    font-weight:500;
    text-transform: uppercase;
}
.resp_th2 th {display: none; }
.d-non{display: none !important; }
.resp_th1 th { border: 0px solid #d9d9d9; }
.entry-edit2 	{ float:left; width:100% !important; }
.entry-edit2 table { float:left; width:100%; }
}






@media only screen and (min-width:768px) {
.menu .navbar ul li ul li a	 { color:#333; }
.menu .navbar .navbar-nav > li.dropdown > a:after	{ content: "\f107"; font-family: 'FontAwesome'; position: absolute; right:7px; top: 8px; }
.menu .nav>li>a:focus, header .nav>li>a:hover	 { text-decoration:underline; background-color:transparent; }
.menu .navbar .navbar-nav > li .dropdown-menu	 { min-width: 200px !important; background:#067ab7;  max-width:250px; display:none;  border:0px solid #ccc; border:0px solid rgba(0, 0, 0, .15); border-radius:0px; -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .175); opacity:0; margin-top:10px; transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; }	
.menu .navbar .navbar-nav > li:hover .dropdown-menu{ display:block !important; min-width: 200px; margin-top:0px; opacity:1; transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; }	

.menu .navbar .navbar-nav > li li a	 { padding:7px 10px; font-size:11px; color:#fff; border-bottom:solid 1px #0c6a9d; word-wrap: break-word; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap;  }
.menu .navbar .navbar-nav > li li a:hover	 { color:#fff; background:#333; }

.menu .navbar .navbar-nav > li .dropdown-toggle	{ display:none; }
.filter_mobile_header {
    display: none;
}
}

@media only screen and (max-width: 767px) {
header	 { padding:5px 0px; }	
header .logo h3	 { font-size:13px; margin-top:0px; }	
header .navbar-header	{ float:left; }
.header_right .nav li	{ float:left; width:100%; }
.header_right .navbar-nav .open .dropdown-menu	{
    position: absolute !important;
    right: 501px !important;
    background: #fff !important;
    left:-100px !important;
}	
.menu .navbar .navbar-nav	 { width:100%; float:left; padding-left:0px; margin:0px; }
.menu .navbar .navbar-nav > li	 { width:100%; }
.menu .navbar .navbar-nav > li > a	{ width:100%; text-align:left; padding-left:10px; padding-right:10px; border-bottom:1px solid #076092; }
.menu .navbar .navbar-nav > li .dropdown-menu	 { width:100% !important; background:#067ab7;  }	

.navbar-header .navbar-toggle	 { border:1px solid #ddd;
    position: relative;
    float: right;
    padding:5px 7px;
    margin-top:10px;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
background-color: #fff;
}
.menu .nav .open>a, .nav .open>a:focus, .menu .nav .open>a:hover { background:#067ab7; }
.menu .dropdown-menu>li>a { background:#067ab7; border-bottom: 1px solid #076092; color:#fff; font-size:11px; }
.filter_mobile_header {
    display:block;
}
.filter_mobile_header { position:absolute; top:20px; z-index:1;
    color: #000;
    float: left;
    font-size:15px;
    line-height: 24px;
    margin: 0 0 10px;
    padding-bottom: 0px;
    text-align:center;
}
#filter_head {
    background-image: url(../images/bot2.png);
    width: 19px;
    height: 19px;
    background-repeat: no-repeat;
    background-size: 11px;
    background-position: center;
    border: 1px solid #666;
    border-radius: 0px;
    cursor: pointer;
    margin-left: 10px;
    position: relative;
    top:2px;
	    display: inline-block;
}
.salign_refresh_box #filter_div{ display: none; }
.salign_refresh_box #filter_div.in{ display:inline-block; padding:10px 0px 0px 0px; width:100%; }
.header_right .navbar-nav > .user-menu .user-image { width:30px; height:30px; margin-top:-3px; }

}