@font-face{
	font-family:'Assistant';
	src:url('/font/Assistant-Regular.eot');
	src:url('/font/Assistant-Regular.eot?#iefix') format('embedded-opentype'),
		url('/font/Assistant-Regular.woff2') format('woff2'),
		url('/font/Assistant-Regular.woff') format('woff'),
		url('/font/Assistant-Regular.ttf') format('truetype');
	font-weight:normal;
}

@font-face{
	font-family:'Assistant';
	src: url('/font/Assistant-Bold.eot');
	src: url('/font/Assistant-Bold.eot?#iefix') format('embedded-opentype'),
		url('/font/Assistant-Bold.woff2') format('woff2'),
		url('/font/Assistant-Bold.woff') format('woff'),
		url('/font/Assistant-Bold.ttf') format('truetype');
	font-weight:bold;
}

@font-face{
	font-family:'Assistant';
	src:url('/font/Assistant-ExtraLight.eot');
	src:url('/font/Assistant-ExtraLight.eot?#iefix') format('embedded-opentype'),
		url('/font/Assistant-ExtraLight.woff2') format('woff2'),
		url('/font/Assistant-ExtraLight.woff') format('woff'),
		url('/font/Assistant-ExtraLight.ttf') format('truetype');
	font-weight:100;
}

@font-face{
	font-family:'Assistant';
	src:url('/font/Assistant-Light.eot');
	src:url('/font/Assistant-Light.eot?#iefix') format('embedded-opentype'),
		url('/font/Assistant-Light.woff2') format('woff2'),
		url('/font/Assistant-Light.woff') format('woff'),
		url('/font/Assistant-Light.ttf') format('truetype');
	font-weight:200;
}

@font-face{
	font-family:'FontAwesome';
	src:url('/font/FontAwesome.eot');
	src:url('/font/FontAwesome.eot?#iefix') format('embedded-opentype'),
		url('/font/FontAwesome.woff2') format('woff2'),
		url('/font/FontAwesome.woff') format('woff'),
		url('/font/FontAwesome.ttf') format('truetype'),
		url('/font/FontAwesome.svg#fontawesome') format('svg');
}

body,input,select,textarea,button{
	margin:0;
	font-family:'Assistant';
	outline:none;
	resize:none;
	direction:rtl;
}

.login{
	background:#868686;
}

.login>div{
	padding-top:150px;
}

.login.register>div{
	padding-top:40px;
}

.login>div>img{
	height:120px;
	margin-bottom:30px;
}

.login form{
	background:#fff;
	width:320px;
	padding:15px 35px 30px;
	display:table;
	border-radius:10px 10px 0 0;
}

.login form h1{
	text-align:right;
	font-weight:200;
	margin:0;
}

.login form h2{
	color:#d63535;
	font-size:20px;
	margin:10px 0 20px;
}

.login form>input,
.login form>select{
	display:block;
	font-size:20px;
	font-weight:200;
	width:298px;
	padding:5px 10px 8px;
	margin:8px 0 20px;
	text-align:right;
	background:#f1f1f1;
	border:1px solid #ccc;
}

.login form>select{
	width:320px;
}

.login form div span{
	float:right;
	margin-top:6px;
	display:inline-block;
}

.login form>span{
	display:inline-block;
	width:100%;
	text-align:right;
	margin-top:10px;
	font-size:18px;
}

.login form>span a{
	text-decoration:none;
}

.login form>span a:hover{
	text-decoration:underline;
}

.login form div span input{
	float:right;
	width:0;
	height:0;
	margin:0 0 0 60px;
	cursor:pointer;
}

.login form div span input:before{
	font-family:FontAwesome;
	font-size:17px;
	color:#f1f1f1;
	content:"\f00c";
	display:inline-block;
	border:1px solid #ccc;
	background:#f1f1f1;
	padding:1px 2px 3px;
}

.login form div span input:checked:before{
	color:#163389;
}

.login form div>input{
	background:#163389;
	border:none;
	color:#fff;
	font-size:20px;
	font-weight:200;
	padding:5px 15px 7px;
	cursor:pointer;
	float:left;
}

.login form div>input:hover{
	background-color:#818bab;
}

.login>div>a{
	background:#163389;
	display:block;
	width:390px;
	color:#fff;
	text-decoration:none;
	font-size:20px;
	font-weight:200;
	padding:13px 0 16px;
	border-radius:0 0 10px 10px;
}

.login>div>a:hover{
	background:#12296b;
}

.main-menu{
	background:#bdbdbd;
	display:inline-block;
	width:100%;
	position:fixed;
	z-index:99999;
	font-family:Assistant;
}

.main-menu>img{
	float:right;
	height:30px;
	margin:10px 12px 10px 55px;
}

.main-menu>ul{
	display:inline-block;
	float:right;
	padding:0;
	margin:0;
}

.main-menu>ul>li{
	float:right;
	display:inline-block;
}

.main-menu>ul>li.active{
	background:#cac7c7;
}

.main-menu>ul>li>a{
	text-decoration:none;
	color:#000;
	font-size:22px;
	font-weight:200;
	display:inline-block;
	padding:9px 25px 13px;
	border-left:1px solid #a7a7a7;
}

.main-menu>ul>li:first-child{
	border-right:1px solid #a7a7a7;
}


.main-menu>ul>li:hover{
	background:#a7a7a7;
}

.main-menu>span{
	float:left;
	display:inline-block;
	cursor:pointer;
}

.main-menu>span:hover{
	background:#a7a7a7;
}

.main-menu>span:hover div{
	display:inline-block;
}

.main-menu>span img{
	width:40px;
	height:40px;
	border:1px solid #a7a7a7;
	margin:3px 0 0 5px;
	float:left;
}

.main-menu>button{
	display:none;
}

.main-menu>span b{
	color:#000;
	font-size:22px;
	font-weight:200;
	display:inline-block;
	padding:9px 7px 13px;
	border-right:1px solid #a7a7a7;
	cursor:pointer;
}

.main-menu>span div{
	position:absolute;
	display:none;
	background:#a7a7a7;
	left:0;
	top:49px;
}

.main-menu>span div a{
	display:block;
	text-decoration:none;
	color:#fff;
	font-size:20px;
	font-weight:200;
	padding:5px 30px 9px;
	border-top:1px solid #848484;
}

.main-menu>span div a:hover{
	background:#8a8989;
}

.side-bar{
	background:#cbd1e2;
	float:right;
	height:-webkit-fill-available;
	height:-moz-available;
	height:fill-available;
	width:118px;
	display:block;
	z-index:-9;
	position:fixed;
	padding:48px 10px;
	top:0;
}

.side-bar>img{
	width:100%;
	margin-top:12px;
}

.side-bar h1{
	font-size:20px;
	text-decoration:underline;
	color:#163389;
	margin:15px 0 10px;
}

.side-bar label{
	display:block;
}

#totalsSide b{
	display:block;
	padding-top:7px;
}

#totalsSide i{
	font-style:normal;
}

#guests_length,#guests_filter,#guests_info,#guests_paginate{
	margin:10px;
}
#guests_length{
	display:none;
}

.content{
	padding:50px 180px 50px 40px;
}

.title h1{
	font-weight:200;
	font-size:40px;
	margin:0;
	border-bottom:2px solid #163389;
	display:inline-block;
	padding:20px 0 10px;
}

.title hr{
	margin:0;
	border:none;
	height:1px;
	background:#163389;
}

.title h2{
	background:#efcdcd;
	font-weight:normal;
	display:table;
	padding:6px 13px 10px;
	margin:16px 0 -20px;
	border:1px solid #a72525;
	box-shadow:0 2px 9px #cacaca;
	border-radius:10px;
}

.dataTables_wrapper{
	display:inline-block;
	width:100%;
	position:relative;
}

.dataTable{
	width:100%!important;
	border-collapse:collapse;
	direction:rtl;
}

.dataTable thead{
	background:#e4e6ea;
}

.dataTable th,
.dataTable td{
	text-align:right;
	border:1px solid #cbd1e2;
	padding:4px 10px 6px;
	font-size:15px;
	position:relative;
}

.dataTable td{
	text-align:center;
}

.dataTable th{
	padding-left:17px;
	position:relative;
}

.dataTable thead tr:last-child th{
	padding:11px 6px 17px 15px;
}

.dataTable td.duplicate{
	background:#ffaeae;
}

.dataTable th.sorting{
	background-image:url(/img/order_both.png)!important;
	background-repeat:no-repeat!important;
	background-position:left 5px center!important;
}

.dataTable th.sorting_asc{
	background-image:url(/img/order_down.png)!important;
	background-repeat:no-repeat!important;
	background-position:left 5px center!important;
}

.dataTable th.sorting_desc{
	background-image:url(/img/order_up.png)!important;
	background-repeat:no-repeat!important;
	background-position:left 5px center!important;
}

.dataTable th div{
	cursor:pointer;
	position:absolute;
	font-size:12px;
	right:6px;
	bottom:3px;
	color:#fff;
	text-align:right;
}

.dataTable td input[type=number]{
	width:50px;
	border:1px solid #aaa;
}

.dataTable td textarea{
	overflow:hidden;
	height:25px;
}

.dataTables_filter{
	float:right;
	margin:20px 0 35px;
}

.dataTables_info{
	position:absolute;
	top:45px;
	left:0;
}

.dataTables_filter input{
	margin-right:5px;
}

.dataTables_length select{
	margin:0 5px;
}

.dataTables_length,
.dataTables_paginate{
	float:left;
	margin:20px 0;
}

.sel-row{
	background:#ffd3d3;
}

.paginate_button{
	background:#163389;
	color:#fff!important;
	display:inline-block;
	padding:2px 6px;
	border-radius:5px;
	margin:0 2px;
	text-align:center;
	min-width:13px;
	cursor:pointer;
	outline:none;
}

.paginate_button:hover{
	background:#597bde;
}

.paginate_button.disabled{
	background:#c7c7c7;
}

.paginate_button.current{
	background:#637abf;
}

.dataTable td a{
	color:#7b8dc3;
	text-decoration:none;
	cursor:pointer;
}

.dataTable td a:hover{
	text-decoration:underline;
	opacity:0.8;
}

.dataTable td:last-child img{
	height:100%;
}

.dataTable td:last-child>a{
	cursor:pointer;
	display:inline-block;
	float:right;
	height:20px;
	margin-left:5px;
}

.dataTable tbody tr td:first-child{
	cursor:pointer;
}

.dataTable tbody tr td.selected-td{
	background:#ffe000;
}

.dataTable tbody td.contact{
	background:#00b572;
	color:#fff;
	font-weight:bold;
}

.dataTable tbody td.contact button{
	width:65px;
	margin-top:4px;
}

.top-btns{
	float:left;
	margin-top:26px;
}

.top-btns a{
	font-size:20px;
	font-weight:100;
	text-decoration:none;
	color:#fff;
	background:#163389;
	padding:5px 15px 9px;
	margin:0 5px 0 0;
	cursor:pointer;
}

.top-btns a:hover,
.form-control button:hover,
.form-control.header a:hover{
	opacity:0.8;
}

a.green{
	background:#499c35;
}

a.red{
	background:#ef3030;
}

a.grey{
	background:#a0a0a0;
}

.extra-links{
	font-size:18px;
	margin-top:17px;
}

.extra-links a{
	color:#b53030;
}

.extra-links a:hover{
	color:#e02b2b;
}

.frame-box-container{
	float:right;
	width:48%;
	margin:3% 0 0 4%;
}

.frame-box-container.last{
	margin-left:0;
}

.frame-box-container.full{
	width:100%;
	margin-left:0;
}

.frame-box{
	background:#163389;
	width:100%;
	display:inline-block;
}

.frame-box>h1{
	margin:1px 13px 7px;
	position:relative;
}

.frame-box>h1 label{
	color:#fff;
	font-weight:100;
	font-size:28px;
}

.frame-box>h1 a{
	position:absolute;
	display:inline-block;
	background:#499c35;
	color:#fff;
	text-decoration:none;
	font-size:19px;
	font-weight:normal;
	padding:2px 15px 5px;
	left:-6px;
	top:6px;
	cursor:pointer;
}

.frame-box>h1 a:hover{
	opacity:0.8;
}

.frame-box>h1 button{
	font-family:FontAwesome;
	float:left;
	color:#fff;
	background:none;
	border:none;
	font-size:30px;
	width:17px;
	height:28px;
	padding:0;
	margin-top:5px;
	cursor:pointer;
}

.frame-box>h1 button:hover{
	opacity:0.8;
}

.frame-inside{
	background:#fff;
	margin:2px;
	overflow-x:hidden;
}

.frame-inside>textarea{
	font-size:20px;
	border:none;
	padding:5px 10px 8px;
	width:100%;
	height:150px;
}

.frame-inside>table{
	width:101%;
	border-collapse:collapse;
	text-align:right;
	font-size:18px;
	font-weight:normal;
}

.frame-inside>table th{
	background:#cac8c8;
}

.frame-inside>table th,
.frame-inside>table td{
	border:1px solid #163389;
	padding:4px 10px 6px;
}

.frame-inside>table td:last-child a{
	cursor:pointer;
	display:inline-block;
	float:right;
	height:20px;
	margin-left:5px;
}

.frame-inside>table td:last-child a:hover{
	opacity:0.8;
}

.frame-inside>table td:last-child a img{
	height:100%;
}

.frame-inside>table td input[type=checkbox]{

}

.frame-inside>table td input[type=checkbox]:before{
	content:"";
	display:inline-block;
	background:#ececec;
	width:19px;
	height:19px;
	margin:-3px -4px;
	border:1px solid #000000;
	cursor:pointer;
}

.frame-inside>table td input[type=checkbox]:checked:before{
	background:#ffffff url('/img/checkbox.png') center center no-repeat;
	background-size:80%;
}

.form-control{
	width:100%;
	display:inline-block;
	border-bottom:1px solid #d0cdcd;
	text-align:right;
	position:relative;
}

.form-control label{
	width:25%;
	display:inline-block;
	background:#eaeaea;
	float:right;
	font-size:20px;
	padding:5px 10px 8px;
	border-left:1px solid #d0cdcd;
	text-align:right;
}

.form-control>img:last-child{
	position:absolute;
	width:23px;
	margin-top:8px;
	cursor:pointer;
	left:5px;
}

.form-control>img:last-child:hover{
	opacity:0.8;
}

.form-control.header{
	background:#cac8c8;
	position:relative
}

.form-control.header label{
	background:none;
	border:none;
	font-weight:bold;
}

.form-control.header a{
	position:absolute;
	display:inline-block;
	background:#499c35;
	color:#fff;
	text-decoration:none;
	font-size:19px;
	padding:2px 15px 5px;
	left:5px;
	top:4px;
}

.form-control input[type=text],
.form-control input[type=password],
.form-control input[type=number],
.form-control input[type=date],
.form-control select,
.form-control textarea{
	font-size:20px;
	border:none;
	padding:5px 10px 8px;
	width:69%;
	background-color:transparent;
	text-align:right;
}

.form-control select,
.form-control input[type=date]{
	padding:4px 5px 5px;
	width:70%;
}

.form-control button{
	font-size:18px;
	border:none;
	background:#b5b5b5;
	color:#fff;
	padding:2px 10px 4px;
	margin:5px 10px;
	cursor:pointer;
}

.form-control input[disabled],
.form-control.disabled{
	background:#ebebe4;
	background:#ebebe4;
}

.form-control.buttons{
	text-align:left;
	padding:16px 0 17px;
}

.form-control.buttons a{
	color:#fff;
	font-size:22px;
	font-weight:100;
	padding:5px 15px 8px;
	margin-left:10px;
	cursor:pointer;
	border-radius:8px;
}

.form-control.buttons a:hover{
	opacity:0.8;
}

#popup{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9999;
	background:rgba(0,0,0,0.2);
}

#popup>div{
	background:#163389;
	display:inline-block;
	box-shadow:0 2px 20px #969696;
	margin-top:5%;
}

#popup>div h1{
	background:#163389;
	color:#fff;
	font-weight:100;
	font-size:24px;
	margin:0;
	padding:1px 10px 5px;
	text-align:right;
}

#popup>div h1 button{
	background:url(/img/close.png) no-repeat;
	background-size:cover;
	border:none;
	width:15px;
	height:15px;
	cursor:pointer;
	float:left;
	margin:11px 2px;
}

#popup>div h1 button:hover{
	opacity:0.8;
}

#ui-datepicker-div{
	background:#fff;
	border:2px solid #163389;
	position:fixed;
	top:-50px;
	margin-left:-15px;
}

#ui-datepicker-div .ui-state-disabled{
	color:#b7b7b7;
}

#ui-datepicker-div table td{
	background:#efefef;
	border-radius:5px;
	padding:2px 7px;
	width:17px;
}

#ui-datepicker-div table td a{
	text-decoration:none;
	color:#163389;
	font-weight:bold;
}

.ui-datepicker-prev,
.ui-datepicker-next{
	background:#163389;
	color:#fff;
	padding:2px 9px 3px;
	border-radius:5px;
	cursor:pointer;
	float:right;
	margin:3px;
}

.ui-datepicker-next{
	float:left;
}

.ui-datepicker-title{
	text-align:center;
	font-weight:bold;
	padding-top:3px;
	color:#3a7d2a;
}

.ui-datepicker-current-day{
	background:#9dabd2!important;
}

.tool-tip{
	position:absolute;
	background:#fdf196;
	padding:4px 6px 6px;
	border:1px solid #000;
	border-radius:5px;
	z-index:9999;
}

.reference h1{
	margin:10px 0;
	font-size:22px;
	text-decoration:underline;
	color:#4f81bd;
}

.reference span{
	display:block;
	width:60px;
	height:20px;
}

.upload-avatar{
	padding:2%;
	display:inline-block;
	width:96%;
}

.upload-avatar>nav{
	float:right;
	margin-bottom:15pt;
}

.upload-avatar>nav button{
	display:block;
	border:none;
	font-size:18px;
	font-weight:100;
	color:#fff;
	background:#499c35;
	padding:5px 15px 9px;
	cursor:pointer;
	margin-bottom:15px;
}

.upload-avatar>nav button:hover{
	opacity:0.8;
}

.upload-avatar>span{
	float:left;
	border:1px solid #9c9c9c;
	padding:4px;
}

.upload-avatar>span img{
	width:180px;
}

.documents>a{
	display:inline-block;
	padding:1px 7px 2px;
	text-decoration:none!important;
	background:#163389;
	color:#fff!important;
	border-radius:5px;
	cursor:pointer;
}

.documents>a:hover{
	opacity:0.8;
}

.documents span{
	display:block;
	margin:5px 0 0;
}

.documents span button{
	font-family:FontAwesome;
	background:#e00303;
	font-size:13px;
	padding:3px 4px 3px;
	border-radius:4px;
	cursor:pointer;
	margin:0 7px;
	border:none;
	color:#fff;
}

.dtTbl_filter{
	background:#fff;
	border:1px solid #000;
	margin:27px -7px;
	width:200px;
	z-index:999;
	bottom:auto!important;
	cursor:default!important;
}

.dtTbl_filter>b{
	font-family:FontAwesome;
	color:#b30d0d;
	position:absolute;
	left:4px;
	top:2px;
	font-size:18px;
	cursor:pointer;
	z-index:1000;
}

.dtTbl_filter>b:hover{
	color:#d83030;
}

.dtTbl_filter>a{
	color:#4f81bd;
	display:block;
	padding:3px 6px;
	font-size:14px;
	cursor:pointer;
}

.dtTbl_filter>a:hover{
	text-decoration:underline;
}

.dtTbl_filter span{
	position:relative;
	display:block;
	color:#000;
	font-size:13px;
	padding:3px 10px;
}

.dtTbl_filter span input{
	float:right;
	margin:3px -5px 0 6px;
	width: 15px;
}

#schema-board{
	background:url(/img/schema-bgr.jpg);
	background-size:cover;
	height:75%;
	margin-top:30px;
	border:2px solid #bdbdbd;
	border-radius:20px;
	box-shadow:2px 2px 10px #a9a9a9;
	position:relative;
	overflow:hidden;
}

#schema-board #tools{
	width:102px;
	margin:20px;
	border:1px solid #000;
	border-radius:5px;
	text-align:center;
	background:#bdbdbd;
	padding-bottom:5px;
	z-index:9999;
}

#schema-board #tools label{
	font-size:20px;
	background:#cbd1e2;
	display:block;
	border-bottom:1px solid #000;
	margin-bottom:5px;
	padding:1px 0 3px;
	border-radius:5px 5px 0 0;
	cursor:move;
}

#schema-board #tools button{
	border:1px solid #848484;
	width:40px;
	height:40px;
	border-radius:5px;
	margin:2px;
	background:#e3e7f1;
	cursor:pointer;
	display:inline-block;
}

#schema-board #tools button:hover{
	border-color:#000;
}

#schema-board #tools button img{
	width:24px;
	height:24px;
}

#schema-board #tools button .ui-draggable-dragging{
	width:150px;
	height:150px;
}

#schema-board .shape{
	position:absolute;
	cursor:move;
}

#schema-board .shape.ui-resizable{
	cursor:default;
}

#schema-board .shape img{
	width:100%;
	height:100%;
	pointer-events:none;
}

#schema-board .shape input{
	background:transparent;
	font-size:24px;
	text-align:center;
	border:none;
	width:100%;
	position:absolute;
	top:50%;
	margin-top:-20px;
	z-index:999;
	direction:ltr;
}

#schema-board .rotate-tool,
#schema-board i{
	display:none;
	font-family:FontAwesome;
	position:absolute;
	background:#ffac45;
	padding:5px 6px;
	border-radius:50%;
	font-size:14px;
	font-weight:normal;
	cursor:pointer;
	left:50%;
	top:-30px;
	margin-left:-12px;
}

#schema-board i{
	left:80%;
	font-style:normal;
	background:#f13333;
	color:#fff;
}

.ui-resizable-handle{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
}

.ui-resizable-handle b{
	display:inline-block;
	width:12px;
	height:12px;
	border-radius:50%;
	background:#02a200;
	position:absolute;
}

.ui-resizable-handle b:nth-child(1){
	top:-5px;
	left:-5px;
	cursor:nwse-resize;
}

.ui-resizable-handle b:nth-child(2){
	top:-5px;
	right:-5px;
	cursor:nesw-resize;
}

.ui-resizable-handle b:nth-child(3){
	bottom:-5px;
	left:-5px;
	cursor:nesw-resize;
}

.ui-resizable-handle b:nth-child(4){
	bottom:-5px;
	right:-5px;
	cursor:nwse-resize;
}

.ui-resizable-e,.ui-resizable-s{
	display:none;
}

.frame-inside.tools button{
	background:#5f74b3;
	color:#fff;
	font-size:18px;
	border:none;
	margin:10px 10px 0 0;
	padding:5px 11px 7px;
	cursor:pointer;
}

.frame-inside.tools button:hover{
	opacity:0.8;
}

.tbl-top-btn{
	background:#499c35;
	color:#fff;
	font-size:18px;
	font-weight:100;
	border:none;
	border-radius:16px;
	padding:4px 15px 6px;
	margin-top:20px;
	cursor:pointer;
}

.tbl-top-btn i{
	float:right;
	font-family:FontAwesome;
	font-style:normal;
	margin:4px -4px 0 6px;
}

.tbl-top-btn:hover{
	opacity:0.8;
}

#countdown{
	float:left;
	direction:ltr;
	text-align:center;
	margin:5px 8px 0;
	font-size:14px;
	line-height:17px;
}

#countdown tr:first-child td{
	background:#163389;
	color:#fff;
	font-size:15px;
	width:42px;
	border-radius:5px;
	padding:1px 0 2px;
}

#pageLoader{
	display:none;
	background:rgba(255,255,255,0.6);
	position:fixed;
	width:100%;
	height:100%;
	z-index:99999;
}

#pageLoader img{
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-30px;
	margin-top:-40px;
}

.alert{
	background:#ffc3c3;
	font-size:20px;
	display:table;
	padding:5px 10px 8px;
	margin:10px 0 -10px;
	border:1px solid #c17575;
	border-radius:8px;
	box-shadow:1px 2px 6px #ababab;
}

th hr{
	position:absolute;
	background-image:url(/img/filtered.png);
	background-size:cover;
	width:15px;
	height:15px;
	display:inline-block;
	left:19px;
	border:none;
	margin-top:6px;
}

.comments span{
	width:0;
	height:0;
	border-style:solid;
	border-width:10px 10px 0 0;
	border-color:#bdbdbd transparent transparent transparent;
	position:absolute;
	left:0;
	top:0;
	cursor:pointer;
}

.comments span:hover{
	border-top-color:#cbd1e2;
}

.table-group td{
	border-color:#989898!important;
}

.table-group tr:first-child{
	background:#cac8c8;
}

.table-group select{
	width:100%;
	height:150px;
	font-size:16px;
}

.table-group td:nth-child(2){
	width:32px;
	text-align:center;
}

.table-group td button{
	font-size:30px;
	padding:0 7px 7px;
	line-height:18px;
	display:block;
	margin:10px 0;
}

/*Small Screen*/
@media (max-width:980px){
	.form-control input[type=text],
	.form-control input[type=password],
	.form-control input[type=number],
	.form-control select,
	.form-control textarea{
		width:68%;
	}
}

/*MOBILE*/
@media (max-width:950px){
	#countdown{
		display:none;
	}

	.login>div{
		padding-top:40pt;
	}

	.login>div>img{
		height:55pt;
		margin-bottom:20pt;
	}

	.login form{
		width:80%;
		margin:0 5%;
		padding:2% 5% 5%;
	}

	.login form>input{
		width:91%;
		margin:10pt 0;
		padding:4%;
	}

	.login>div>a{
		width:90%;
		padding:2% 0;
	}

	.frame-box-container{
		margin:0 0 6%;
		width:100%;
	}

	.side-bar{
		display:none;
	}

	.content{
		padding:47pt 5%;
	}

	.main-menu>img{
		height:26pt;
		margin:5pt 5pt 0 0;
	}

	.main-menu>button{
		font-family:FontAwesome;
		float:right;
		background:none;
		border:none;
		font-size:20pt;
		color:#163389;
		margin:8pt;
		display:block;
	}

	.main-menu>ul{
		position:fixed;
		background:#bdbdbd;
		top:39pt;
		width:60%;
		height:100%;
		right:-60%;
		z-index:999;
		transition:right 0.3s ease;
	}

	.main-menu>ul.toggle{
		right:0;
	}

	.main-menu>ul>li{
		float:none;
		display:block;
		padding:8pt 10pt 10pt;
	}

	.main-menu>ul>li:first-child{
		border:none;
	}

	.main-menu>ul>li>a{
		width:100%;
		font-size:20pt;
		border:none;
		padding:0;
	}

	.main-menu>span b{
		font-size:14pt;
		padding:9pt 10pt 12pt;
	}

	.main-menu>span img{
		width:33pt;
		height:33pt;
	}

	.top-btns{
		margin-top:2%;
		text-align:left;
	}

	.top-btns a{
		font-size:16pt;
		display:inline-block;
		margin-bottom:8px;
	}

	.title h1{
		font-size:20pt;
	}

	.frame-box>h1 label{
		font-size:18pt;
	}

	.form-control label{
		font-size:14pt;
		width:30%;
	}

	.form-control input[type=text],
	.form-control input[type=password],
	.form-control input[type=number],
	.form-control select,
	.form-control textarea{
		font-size:14pt;
		width:62%;
	}

	.frame-box-container.last{
    	width:100%!important;
	}

	.frame-box>h1 a{
		font-size:12pt;
	}

	.frame-box>h1>div{
		display:none;
	}

	.form-control.header a{
		font-size:13pt;
	}

	.form-control button{
		font-size:12pt;
		margin:5px 8px;
	}

	.frame-inside>table{
		font-size:12pt;
	}

	.dataTables_wrapper{
		overflow-x:scroll;
	}

	#popup .frame-inside{
		width:auto!important;
	}

	.hide-mobile{
		display:none;
	}

	.dataTable tbody td:last-child{
		width:80pt!important;
	}

	.dataTables_filter input{
		width:90pt;
	}

	#popup>div{
		margin-top:15%;
	}
}