@import url('https://fonts.googleapis.com/css?family=Roboto&subset=latin,latin-ext');


html {width:100%;height:100%}
body {width:100%;height:100%;margin:0;padding:0;font-family: 'Roboto', sans-serif;}
.bg-before{background-size: cover;background-position: center;background-image:url(images/bg-before.jpg); background-attachment:fixed }
.bg-after{background:#f5f5f5}
.rodo{font-size:11px;height:56px;overflow-y:scroll;margin-bottom:15px}


#header {z-index:999; position:fixed;top:0;width:100%;height:65px;background:#fff;border-bottom:solid 1px #bababa}
.logo {float:left;margin-top:7px;margin-left:25px;border:0;}

.login-box{margin:0 auto;width:400px;padding:40px 70px 40px 70px;margin-top:150px;background:#fff;border-radius:3px;-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4);-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4);box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4);}
.login-box h1 {text-transform:uppercase;margin:0;padding:0;text-align:center;color:#ea5d0b;font-size:20px}
.login-box span {text-transform:uppercase;text-align:center;color:black;font-size:14px;display:block;margin-bottom:30px}
.login-box input {width:100%;background:#e8e8e8;border:solid 1px #e8e8e8; border-radius:2px;margin-bottom:12px;border:0;height:25px;text-indent:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.login-box p {text-align:center;color:black;text-transform:uppercase;font-size:14px;margin-bottom:25px}
.button-orange {width:100%;background:#ea5d0b!important;text-transform:uppercase;border-radius:2px;border:0;height:25px;line-height:25px;color:#fff;font-size:13px;text-align:center;text-indent:0!important;cursor:pointer;}
.button-grey {width:100%;background:#8e8e8e!important;text-transform:uppercase;border-radius:2px;border:0;height:25px;line-height:25px;color:#fff;font-size:13px;text-align:center;text-indent:0!important;cursor:pointer;}
.divTop{position: absolute;top:0}
.divBottom{position: absolute;bottom:30px;width:260px}
.button-facebook {width:100%;background:#3855a0!important;border-radius:2px;margin-bottom:12px;border:0;height:25px;line-height:25px;color:#fff;font-size:12px;text-align:center;text-indent:0!important;cursor:pointer}
.button-google {width:100%;background:#dd4c37!important;border-radius:2px;margin-bottom:12px;border:0;height:25px;line-height:25px;color:#fff;font-size:12px;text-align:center;text-indent:0!important;cursor:pointer}
.login-box a {color:#8e8e8e;text-align:center;font-size:14px;display:block;margin-top:25px}
.input-error {border:solid 1px #ea5d0b!important;}
.sep{border-top:solid 1px #b6b6b6;    width: 240px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 20px;float:left;clear:both
}
.d-table {border:solid 1px #b8b8b8; background:#f3f3f3;margin-bottom:30px}
.d-table td {padding:10px}
.edit-button{float:left;color:#9cbdc6;text-decoration:none;margin-left:15px}
.delete-button{float:right;color:#dd7979;text-decoration:none;margin-right:15px}
#footer {position: fixed; bottom:0;width:100%;height:65px;background:#504c4b;text-align:center;line-height:65px;color:#fff;font-size:13px}
#footer a {font-size:14px;color:#8d8c8a;border-right:solid 1px #8d8c8a;text-decoration:none;padding-right:20px;padding-left:20px}
#footer a:last-child{border-right:0}
#footer a:hover{color:#f5f5f5}

#left-panel {float:left;width:285px;height:100%;min-height:100%;background:#dfdfdf;overflow:hidden}
#right-panel{float:left;width:70%;height:100%;min-height:100%;background:#f5f5f5;}
.h-100{height:100px}
#white-panel {width:100%;height:88%;background:#fff;margin-left:40px;border-radius:3px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.59);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.59);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.59);}
.white-panel-left{padding:20px;height:89%;width:75%;color:#aaaaaa;font-size:13px;float:left}
.panel-scroll{width:100%;padding-right:20px;height:89%; overflow:auto;float:left;color:#aaaaaa;font-size:13px}
#accordion h3 {cursor:pointer;}
#accordion span {font-weight:normal;}
.acco-box{width:90%;padding:20px;background:#f3f3f3;border:solid 1px #b9b9b9;margin-bottom:20px}
.acco-box-table{width:95%;padding:40px;background:#f3f3f3;border:solid 1px #b9b9b9;margin-bottom:20px;border-collapse:collapse}
.acco-box-table td{padding:15px}
.acco-box-table-w{width:95%;padding:40px;background:#fff;border:solid 1px #b9b9b9;margin-bottom:20px;border-collapse:collapse}
.acco-box-table-w td{padding:15px}
.line1{border-bottom:solid 1px #b9b9b9;}
.white-in{width:450px}
.white-panel-left h1 {font-size:24px;color:#616161;text-transform:uppercase;font-weight:lighter}
.white-panel-left h2 {font-size:18px;font-weight:lighter;margin-bottom:40px}
.input-01{margin-bottom:20px;width:100%;background:#f3f3f3;border:solid 1px #c4c4c4; border-radius:2px;margin-bottom:12px;height:25px;text-indent:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.input-02{margin-bottom:20px;width:120px;margin-left:6px;background:#f3f3f3;border:solid 1px #c4c4c4; border-radius:2px;margin-bottom:12px;height:25px;text-indent:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.input-03{margin-bottom:20px;width:100%;background:#f3f3f3;border:solid 1px #c4c4c4; border-radius:2px;margin-bottom:12px;height:25px;text-indent:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.input-04{width:100px;margin-left:6px;background:#fff;border:solid 1px #bcbcbc; border-radius:2px;height:25px;text-align:center}
.photo-download{line-height:25px;margin-top:10px;margin-bottom:20px;width:400px;background:#f3f3f3;border:solid 1px #c4c4c4; border-radius:2px;height:25px;text-indent:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-style:italic}
.txt-04{width:100%;margin-left:6px;background:#fff;border:solid 1px #bcbcbc; border-radius:2px;height:85px;text-align:center}
.txt-05{width:100%;margin-left:0;background:#fff;border:solid 1px #bcbcbc; border-radius:2px;height:85px;text-align:center}
.upload-photo_01{display:inline-block;border:solid 1px #bcbcbc;line-height:25px;width:400px;background:#fff;border-radius:2px;height:25px;text-indent:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.color-83a8ba-in-bl {background:#83a8ba;text-transform:uppercase;padding:3px 10px 3px 10px;display:inline-block;width:115px;color:#fff;text-align:center;text-decoration:none;border-radius:2px;margin-left:10px}
.button-up{width:25px;height:25px;border-radius:3px;background:url(images/up.png)center 50% no-repeat #83a8ba;border:0;display:inline-block;cursor:pointer}
.button-down{width:25px;height:25px;border-radius:3px;background:url(images/down.png)center 50% no-repeat #83a8ba;border:0;display:inline-block;cursor:pointer}
.button-83a8ba-in {background:#83a8ba;height:26px;margin-left:20px;text-transform:uppercase;padding:3px 10px 3px 10px;display:inline-block;width:160px;color:#fff;text-align:center;text-decoration:none;border-radius:3px;font-size:13px;border:0;cursor:pointer}
.sel-place {width:300px}
.white-panel-right{padding:20px;height:75%; overflow:auto;float:right;border-left:solid 1px #ccc;margin-top:20px;color:#aaaaaa;position:relative;font-size:13px}
.fl{float:left}
.fr{float:right}
.pab{position:absolute;bottom:0;text-align:center;width:80%}
#menu_01 {padding-top:65px}
#menu_01 a{float:left;display:block;color:#7f7f7f;text-decoration:none;text-transform:uppercase;margin-bottom:7px;font-size:13px;margin-left:20px;text-indent:30px;height:24px;line-height:18px;margin-bottom:8px;background-size:18px;clear:both}
#menu_01 a:hover{color:#ea5d0a}
#menu_01 a.active{color:#ea5d0a}

.m01{background:url(images/m_01.png)no-repeat left top;margin-top:30px}
.m01:hover{background:url(images/m_01a.png)no-repeat left top}
.m01.active,.m01a{background:url(images/m_01a.png)no-repeat left top}

.m02{background:url(images/m_02.png)no-repeat left top}
.m02:hover{background:url(images/m_02a.png)no-repeat left top}
.m02a{background:url(images/m_02a.png)no-repeat left top}

.m03{background:url(images/m_03.png)no-repeat left top}
.m03:hover{background:url(images/m_03a.png)no-repeat left top}
.m03a{background:url(images/m_03a.png)no-repeat left top}

.m04{background:url(images/m_04.png)no-repeat left top}
.m04:hover{background:url(images/m_04a.png)no-repeat left top}
.m04a{background:url(images/m_04a.png)no-repeat left top}

.m05{background:url(images/m_05.png)no-repeat left top}
.m05:hover{background:url(images/m_05a.png)no-repeat left top}
.m05a{background:url(images/m_05a.png)no-repeat left top}

.m06{background:url(images/m_06.png)no-repeat left top;margin-top:30px}
.m06:hover{background:url(images/m_06a.png)no-repeat left top}
.m06.active,.m06a{background:url(images/m_06a.png)no-repeat left top}

.m07{background:url(images/m_07.png)no-repeat left top}
.m07:hover{background:url(images/m_07a.png)no-repeat left top}
.m07.active,.m07a{background:url(images/m_07a.png)no-repeat left top}

.m08{background:url(images/m_08.png)no-repeat left top}
.m08:hover{background:url(images/m_08a.png)no-repeat left top}
.m08.active,.m08a{background:url(images/m_08a.png)no-repeat left top}

.m09{background:url(images/m_09.png)no-repeat left top}
.m09:hover{background:url(images/m_09a.png)no-repeat left top}
.m09.active,.m09a{background:url(images/m_09a.png)no-repeat left top}

.m10{background:url(images/m_10.png)no-repeat left top}
.m10:hover{background:url(images/m_10a.png)no-repeat left top}
.m10.active,.m10a{background:url(images/m_10a.png)no-repeat left top}

.m11{background:url(images/m_11.png)no-repeat left top}
.m11:hover{background:url(images/m_11a.png)no-repeat left top}
.m11.active,.m11a{background:url(images/m_11a.png)no-repeat left top}

.m12{background:url(images/m_12.png)no-repeat left top}
.m12:hover{background:url(images/m_12a.png)no-repeat left top}
.m12a{background:url(images/m_12a.png)no-repeat left top}

.green-number {display: inline-block;
background: #83db9f;
color: #fff;
padding: 3px;
border-radius: 2px;
text-align: center !important;
font-size: 9px;
line-height: 9px;
margin-left: 30px;
width: 15px !important;
text-indent: 0;}
.menu-bottom{position:absolute;bottom:65px;background:#dfdfdf;vertical-align:text-bottom;width:265px;color:#aaa;font-size:12px;padding-left:20px}
#menu_icons{width:100%;background:#c4c4c4;margin-left:-20px;padding-right:20px}
#menu_icons a {display:inline-block;width:45px;height:35px;margin-top:14px;margin-left:10px}
#menu_icons a:first-child{margin-left:39px}
.mi_01{background:url(images/m_01.png)no-repeat left top}
.mi_01:hover{background:url(images/m_01a.png)no-repeat left top}
.mi_01a{background:url(images/m_01a.png)no-repeat left top}

.mi_02{background:url(images/m_02.png)no-repeat left top}
.mi_02:hover{background:url(images/m_02a.png)no-repeat left top}
.mi_02a{background:url(images/m_02a.png)no-repeat left top}

.mi_03{background:url(images/m_03.png)no-repeat left top}
.mi_03:hover{background:url(images/m_03a.png)no-repeat left top}
.mi_03a{background:url(images/m_03a.png)no-repeat left top}

.mi_04{background:url(images/m_04.png)no-repeat left top}
.mi_04:hover{background:url(images/m_04a.png)no-repeat left top}
.mi_04a{background:url(images/m_04a.png)no-repeat left top}
.highlight {color:#ea5d0b!important}
.upper{text-transform:uppercase}
.color-83a8ba {background:#83a8ba;text-transform:uppercase;padding:3px 10px 3px 10px;display:block;clear:both;width:125px;color:#fff;text-align:center;text-decoration:none;border-radius:3px;margin-bottom:10px;margin-top:10px}
.color-ea5d0b  {background:#ea5d0b;text-transform:uppercase;padding:3px 10px 3px 10px;display:block;clear:both;width:125px;color:#fff;text-align:center;text-decoration:none;border-radius:3px;margin-bottom:10px}
.color_ea5d0b  {background:#ea5d0b;text-transform:uppercase;padding:3px 0 3px 0;display:block;clear:both;width:240px;color:#fff;text-align:center;text-decoration:none;border-radius:3px;margin-bottom:10px}
.color-cdcdcd{background:#cdcdcd;text-transform:uppercase;padding:3px 10px 3px 10px;display:block;clear:both;width:125px;color:#fff;text-align:center;text-decoration:none;border-radius:3px;margin-bottom:10px}
.orange {color:#ea5d0b!important}
.button-83a8ba {background:#83a8ba;text-transform:uppercase;padding:3px 10px 3px 10px;display:block;clear:both;width:220px;color:#fff;text-align:center;text-decoration:none;border-radius:3px;margin-bottom:10px;font-size:13px}
.button-75ce8c {background:#75ce8c;text-transform:uppercase;padding:3px 10px 3px 10px;display:block;clear:both;width:220px;color:#fff;text-align:center;text-decoration:none;border-radius:3px;margin-bottom:10px;font-size:13px}
.button-83a8ba-b {background:#83a8ba;text-transform:uppercase;padding:3px 10px 3px 10px;display:block;clear:both;width:220px;color:#fff;text-align:center;text-decoration:none;border-radius:3px;margin-bottom:10px;font-size:13px;border:0;margin-left:6px;cursor:pointer}
.button-83a8ba-big {background:#83a8ba;text-transform:uppercase;padding:3px 10px 3px 10px;display:block;clear:both;width:260px;color:#fff;text-align:center;text-decoration:none;border-radius:3px;margin-bottom:10px;font-size:15px;border:0;margin:0 auto;cursor:pointer}
.button-83a8ba-left {background:#83a8ba;text-transform:uppercase;padding:3px 10px 3px 10px;display:block;clear:both;width:260px;color:#fff;text-align:center;text-decoration:none;border-radius:3px;margin-bottom:10px;font-size:15px;border:0;cursor:pointer}
.link-underline{color:#83a8ba}
.big-6f6f6f {font-size:15px;color:#6f6f6f}
.in-01{width:100%;background:#fff;border:solid 1px #bcbcbc; border-radius:2px;height:25px;}
.date-h{width:90px;text-align:center;background:#fff;border:solid 1px #bcbcbc; border-radius:2px;height:25px;display:inline-block;margin-right:9px}
.check-orange {background:url(images/check-orange.png)no-repeat}
.check-grey {background:url(images/check-grey.png)no-repeat}
.check-light-grey {background:url(images/check-light-grey.png)no-repeat}
.image-bw{-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.filter-01{width:100%;margin-bottom:35px;}
.place-time {display:inline-block}
.in-fl-left {float:left;width:120px!important}
.in-fl-right {float:right;width:120px!important}
.place-time p {color:#4a4a4a;font-size:12px;margin:0;padding:0}
.image-color{border-radius:3px}
.arrow01{display:block;width:35px;height:65px!important;margin-left:0!important;text-indent:0!important;background:url(images/arrow.png)center 50% no-repeat #8d98a0;float:left;}
.creator{margin:0;padding:0;width:250px;height:65px;background:#a7b0b7;display:inline-table;}
.creator p {margin:15px 0 0 20px;padding:0;text-transform:uppercase;color:#fff;font-size:14px}
.creator span {font-size:13px;color:#fff;margin:3px 0 0 20px;display:block}
/* create - edit - box */
.fl-ws{white-space: nowrap;float:left;}
.create-box{float:left;width:260px;height:450px;padding:40px;background:#eaeaea;border-radius:3px;margin-right:30px;position:relative}
.create-box h1 {margin-bottom:30px!important;text-transform:uppercase;margin:0;padding:0;text-align:center;color:#838383;font-size:20px}
.create-box input {width:100%;background:#e0e0e0;border:solid 1px #e8e8e8; border-radius:2px;margin-bottom:10px;border:0;height:35px;text-indent:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.edit-box{float:left;position:relative;width:260px;height:450px;padding:40px;background:#fff;margin-right:30px;border-radius:3px;-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4);-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4);box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4);}
.edit-box h1 {margin-bottom:30px!important;text-transform:uppercase;margin:0;padding:0;text-align:center;color:#ea5d0b;font-size:20px}
.edit-box img {width:115px;height:70px;display:inline-block;margin-right:10px;border-radius:3px;}
.edit-box  li {margin:0; padding:0;list-style-type:none;text-indent:25px;font-size:13px;color:#4a4a4a;margin-bottom:9px}
.edit-box  ul {margin:0;padding:0;margin-top:30px;margin-bottom:30px}
.edit-box h3 {color:#4a4a4a;font-size:14px;overflow: hidden;text-overflow: ellipsis;width:130px;white-space: nowrap;}
.edit-box p {color:#4a4a4a;font-size:12px;}
.edit-box input {width:100%;background:#e0e0e0;border: solid 1px #e8e8e8;border-radius:2px;margin-bottom:10px;border:0;height:35px;text-indent:10px;-webkit-box-sizing:border-box;
-moz-box-sizing: border-box;box-sizing: border-box;}



.end-box{float:left;position:relative;width:260px;height:450px;padding:40px;background:#fff;margin-right:30px;border-radius:3px;-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4);-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4);box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4);}
.end-box h1 {margin-bottom:30px!important;text-transform:uppercase;margin:0;padding:0;text-align:center;color:#838383;font-size:20px}
.end-box img {width:115px;height:70px;display:inline-block;margin-right:10px;border-radius:3px;}
.end-box  li {margin:0; padding:0;list-style-type:none;text-indent:25px;font-size:13px;color:#4a4a4a;margin-bottom:9px}
.end-box  ul {margin:0;padding:0;margin-top:30px;margin-bottom:30px}
.end-box h3 {color:#4a4a4a;font-size:14px;overflow: hidden;text-overflow: ellipsis;width:130px;white-space: nowrap;}
.end-box p {color:#4a4a4a;font-size:12px;}
.end-box input {width:100%;background:#e0e0e0;border: solid 1px #e8e8e8;border-radius:2px;margin-bottom:10px;border:0;height:35px;text-indent:10px;-webkit-box-sizing:border-box;
-moz-box-sizing: border-box;box-sizing: border-box;}

.scroll{position:absolute;width:70%;left:315px;top:150px;height:600px;overflow-x:scroll;overflow-y:hidden;;padding-top:30px;}
.scroll-in{width:1500px;height:540px; }

.margin20{margin-top:20px;margin-bottom:20px}

.fileContainer {
    overflow: hidden;
    position: relative;
}

.fileContainer [type=file] {
    cursor: inherit;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;

}
.upload-photo {

	margin-bottom:30px;
	text-align:center;
	font-size:12px;
	width:100%;
	background:#e0e0e0;
	border:solid 1px #e8e8e8;
	border-radius:2px;
	margin-bottom:12px;
	border:0;
	height:145px;
	text-indent:10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding-top:25px;
	color:#7e7e7e;
	}

	.upload-photo img{margin-bottom:20px}
	.upload-photo span {font-size:11px}


	/*  upload file inline */

	.fileContainer-inline {
    overflow: hidden;
    position: relative;
}

.fileContainer-inline [type=file] {
    cursor: inherit;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 30px;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;

}
.upload-photo-inline {

	line-height:25px;
	margin-top:10px;
	margin-bottom:20px;
	width:400px;
	background:#f3f3f3;
	border:solid 1px #c4c4c4;
	border-radius:2px;
	height:25px;
	text-indent:10px;

	/*
	margin-bottom:30px;
	text-align:center;
	font-size:12px;
	width:100%;
	background:#e0e0e0;
	border:solid 1px #e8e8e8;
	border-radius:2px;
	margin-bottom:12px;
	border:0;
	height:145px;
	text-indent:10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding-top:25px;
	color:#7e7e7e;*/
	}

	.upload-photo-inline img{margin-bottom:20px}
	.upload-photo-inline span {font-size:11px;background:#83a8ba;display:block;width:120px;height:25px;margin-left: 410px;color:#fff;font-style:normal;font-size:13px;border-radius:2px;text-align:center;line-height:25px;text-indent:0;text-transform:uppercase;cursor:pointer}


	/* end  */


	/*  upload file button */

	.fileContainer-button {
    overflow: hidden;
    position: relative;
}

.fileContainer-button [type=file] {
    cursor: inherit;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 30px;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;

}
.upload-photo-button {

	/*line-height:25px;
	margin-top:10px;
	margin-bottom:20px;
	width:400px;
	background:#f3f3f3;
	border:solid 1px #c4c4c4;
	border-radius:2px;
	height:25px;
	text-indent:10px;


	margin-bottom:30px;
	text-align:center;
	font-size:12px;
	width:100%;
	background:#e0e0e0;
	border:solid 1px #e8e8e8;
	border-radius:2px;
	margin-bottom:12px;
	border:0;
	height:145px;
	text-indent:10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding-top:25px;
	color:#7e7e7e;*/
	}

	.upload-photo-button img{margin-bottom:20px}
	.upload-photo-button span {font-size:11px;background:#83a8ba;display:block;width:120px;height:25px;margin-left: 0;color:#fff;font-style:normal;font-size:13px;border-radius:2px;text-align:center;line-height:25px;text-indent:0;text-transform:uppercase;cursor:pointer}


	/* end  */


	label.custom-select {
    position: relative;
    display: inline-block;
}

    .custom-select select {
		font-size:13px!important;
        display: inline-block;
        border: 1px solid #e5e5e5;
        padding: 4px 3px 3px 5px;
        margin: 0;
        font: inherit;
        outline:none; /* remove focus ring from Webkit */
        line-height: 1.2;
        background: #fff;

        -webkit-appearance:none; /* remove the strong OSX influence from Webkit */

        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    /* for Webkit's CSS-only solution */
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        .custom-select select {
            padding-right:30px;
        }
    }

    /* Since we removed the default focus styles, we have to add our own
    .custom-select select:focus {
        -webkit-box-shadow: 0 0 3px 1px #c00;
        -moz-box-shadow: 0 0 3px 1px #c00;
        box-shadow: 0 0 3px 1px #c00;
    } */

    /* Select arrow styling */
    .custom-select:after {
        content: "▼";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        font-size: 70%;
        line-height: 30px;
        padding: 0 5px;
        background: white;
        color: #81a1b0;
        border: 1px solid #e5e5e5;
		border-left:0 !important;
        pointer-events:none;

        -webkit-border-radius: 0 3px 3px 0;
        -moz-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;
    }

    .no-pointer-events .custom-select:after {
        content: none;
    }





	/************* select place ***************/
		label.custom-select-place {
    position: relative;
    display: inline-block;
}

    .custom-select-place select {
		font-size:13px!important;
        display: inline-block;
        border: 1px solid #e5e5e5;
        padding: 4px 3px 3px 5px;
        margin: 0;
        font: inherit;
        outline:none; /* remove focus ring from Webkit */
        line-height: 1.2;
        background: #fff;
        width:300px;
        -webkit-appearance:none; /* remove the strong OSX influence from Webkit */

        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    /* for Webkit's CSS-only solution */
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        .custom-select-place select {
            padding-right:30px;
        }
    }

    /* Since we removed the default focus styles, we have to add our own
    .custom-select select:focus {
        -webkit-box-shadow: 0 0 3px 1px #c00;
        -moz-box-shadow: 0 0 3px 1px #c00;
        box-shadow: 0 0 3px 1px #c00;
    } */

    /* Select arrow styling */
    .custom-select-place:after {
        content: "▼";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        font-size: 70%;
        line-height: 30px;
        padding: 0 5px;
        background: white;
        color: #81a1b0;
        border: 1px solid #e5e5e5;
		border-left:0 !important;
        pointer-events:none;

        -webkit-border-radius: 0 3px 3px 0;
        -moz-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;
    }

    .no-pointer-events .custom-select-place:after {
        content: none;
    }




	/*select 2*/

		label.custom-select2 {
    position: relative;
    display: inline-block;width:100%;
}

    .custom-select2 select {
		font-size:13px!important;
        display: inline-block;
        border: solid 1px #bcbcbc;
        padding: 4px 3px 3px 5px;
        margin: 0;
        font: inherit;
        outline:none; /* remove focus ring from Webkit */
        line-height: 1.2;
        background: #fff;
        width:100%;
        -webkit-appearance:none; /* remove the strong OSX influence from Webkit */

        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    /* for Webkit's CSS-only solution */
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        .custom-select2 select {
            padding-right:30px;
        }
    }

    /* Since we removed the default focus styles, we have to add our own
    .custom-select select:focus {
        -webkit-box-shadow: 0 0 3px 1px #c00;
        -moz-box-shadow: 0 0 3px 1px #c00;
        box-shadow: 0 0 3px 1px #c00;
    } */

    /* Select arrow styling */
    .custom-select2:after {
        content: "▼";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        font-size: 70%;
        line-height: 30px;
        padding: 0 5px;
        background: white;
        color: #81a1b0;
        border: solid 1px #bcbcbc;
		border-left:0 !important;
        pointer-events:none;

        -webkit-border-radius: 0 3px 3px 0;
        -moz-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;
    }

    .no-pointer-events .custom-select2:after {
        content: none;
    }

	/***************end******************/

/* Base for label styling */

.login-box label {font-size:11px;padding-bottom:18px;display:block;color:#1d1d1d}


[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 12px; height: 12px;
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 2px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: -1px; left: 2px;
  font-size: 12px;
  line-height: 15px;
  color: #f00;
  transition: all .2s;

}


#right-panel=>
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: -1px; left: 2px;
  font-size: 12px;
  line-height: 15px;
  color: #83a8ba;
  transition: all .2s;

}


/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 1px solid #ddd;
}

/* hover style just for information */
label:hover:before {
  border: 1px solid #ea5d0b!important;

}

/*  scroll */

#checkbox-register {margin-top:15px;margin-bottom:15px;}
#checkbox-register a {font-size:11px!important;margin:0!important;padding:0!important;color:#019bd8!important;text-align:left!important;display:inline!important;}

#language-container {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 1000;
}

#language-select {
	padding: 4px 8px;
	font-size: 14px;
}