/* переопределяем базовые настройки начало */
body.site.fluid {
	background-color: #1c1c1c;
	color: white;
  	font-family: "Cambria", Cambria, Arial, sans-serif;
}
.brand {
    color: white;
 
}
.brand img {
    /*width: 274px;*/
 
}
.container-fluid {
    padding-right: 5px;
    padding-left: 5px;
}
.navigation {
    padding: 5px 0;
    border-top: 1px solid rgba(255,255,255,0.5);
    border-bottom: 1px solid rgba(255,255,255,0.5);
}
.login {
    color: white;
    width: 500px;
    font-size: 1.5em !important;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
    border: 2px solid gray;
  	padding: 25px 0 0 0;
  	margin-top: 20px;
  	margin-bottom: 20px;
} 
.mylblparam {
  
  width: 150px;
  text-align: right;
  margin-right: 5px;
  
}
#idmygroupports {
  
  background: tranparent;
  
}
@media (max-width: 570px) {
    
    .login {
    	width: 99.9%;
    }
}
/* переопределяем базовые настройки конец */
.pagearhivout {
    display: none;
    position: fixed;
    z-index: 10000;
    top: 10px;
    width: 90%;
}
.pagearhivin {
    background: #1c1c1c;
    border-radius: 10px;
    border: 10px solid #3f77fa;
    padding: 5px;
    width: 99%;
}
.pagearhivinheader {
    /*background: gray;*/
    width: 100%;
}
.pagearhivinbody {
    /*background: white;*/
    height: 100%;
}
.pagearhivinheadersave {
    background: blue;
    background-image: url(/images/myimgs/img_saveasexcel_32x32.jpg);
    width: 32px;
    height: 32px;
    float: right;
    margin: 5px;
}
.pagearhivinheaderreportday {
    background: lawngreen;
    width: 32px;
    height: 26px;
    float: right;
    margin: 5px;
    text-align: center;
    font-size: 2.3em;
    font-weight: bold;
    padding-top: 5px;
}
.pagearhivinheaderreportmon {
	background: yellow;
    width: 32px;
    height: 26px;
    float: right;
    margin: 5px;
    text-align: center;
    font-size: 2.3em;
    font-weight: bold;
    padding-top: 5px;
}
.pagearhivinheaderclose {
    background: red;
    width: 32px;
    height: 22px;
    float: right;
    margin-left: 3px;
    text-align: center;
    font-size: 1.8em;
    font-weight: bold;
    padding-top: 8px;
    margin-top: 5px;
    padding-bottom: 3px;
    margin-right: 3px;
}
.pagearhivinheadertext {
    width: 100%;
    padding: 10px;
}
.pagearhivinheadertext span {
    font-size: 1.5em;
}
@media (max-width: 1024px) {
    
    .pagearhivout {
    	margin-left: -10px;
    }
    .pagearhivin {
    	width: 95%;
    }
}
.mycontainer {
	font-size: 1.2em;
}
/* ПОРТЫ начало */
.groupviewports {
    display: inline-flex;
    padding: 2px;
    
    /*background: lightgray;*/
    width: 500px;
    border-radius: 10px;
    color: black;
    min-height: 42px;
    border: 1px solid gray;
}


.mylistportsout {
    width: 400px;
    height: 142px;
    color: black;
    /*background: burlywood;*/
    border-radius: 10px;
  	margin-bottom: 4px;
    padding: 5px 0;
}

.mylistportsoutheader {
    height: 42px;
    /*background: lightgray;*/
    border-radius: 10px;
    margin-bottom: 5px;
}

.mylistports {
    overflow: scroll;
    height: 100px;
}
.mylistportsport {
    border-radius: 10px;
    background: white;
    padding: 5px;
    cursor: pointer;
    margin: 3px;
}
/* ПОРТЫ конец */
/* ОБЪЕКТЫ начало */
.groupviewobjects {
    padding: 5px;
    background: lightgray;
    width: 99%;
    border-radius: 10px;
    color: black;
    min-height: 42px;
}
.mylistobjectsobject {
    border-radius: 10px;
    background: #f7a69d;
    padding: 5px;
    cursor: pointer;
    margin: 3px;
}
.mylistobjectsobjectwind {
    border-radius: 10px;
    background: #f7a69d;
    padding: 5px;
    cursor: pointer;
    margin: 3px;
}
.mylistobjectsobjectwave {
    border-radius: 10px;
    background: greenyellow;
    padding: 5px;
    cursor: pointer;
    margin: 3px;
}
.mylistobjectsobjectwavelong {
    border-radius: 10px;
    background: greenyellow;
    padding: 5px;
    cursor: pointer;
    margin: 3px;
}
.mylistobjectsobjectmc {
    border-radius: 10px;
    background: cornflowerblue;
    padding: 5px;
    cursor: pointer;
    margin: 3px;
}
.mylistobjectsobjectgydro {
    border-radius: 10px;
    background: lightgreen;
    padding: 5px;
    cursor: pointer;
    margin: 3px;
}
/* */
/* таблица датчиков, типы датчиков начало */
.mylistobjectsobjecttablewind {
    background: #f7a69d;
}
.mylistobjectsobjecttablewave {
    background: greenyellow;
    
}
.mylistobjectsobjecttablewavelong {
    background: greenyellow;
}
.mylistobjectsobjecttablemc {
    background: cornflowerblue;
}
.mylistobjectsobjecttablegydro {
    background: lightgreen;
}
/* таблица датчиков, типы датчиков конец */
.groupviewmodules input[type="checkbox"] {
	width: 32px;
	height: 32px;
}
.groupviewmodules label {
	margin-top: 10px;
}
.groupparametrs select {
	margin-top: -6px;
	width: 80px;
}
.pagearhivinheaderimport {
    background: #62c462;
    color: black;
    width: 32px;
    height: 32px;
    float: right;
    margin: 5px;
}
.pagearhivinheaderexport {
    background: white;
    color: black;
    width: 32px;
    height: 32px;
    float: right;
    margin: 5px;
}
.pagearhivinheaderimport,.pagearhivinheaderexport span  {
    font-size: 2em;
}
.mybg-lastdata {
    /*background-color: #536a7a !important;*/
    padding: 10px 0 6px 0;
    /*border-radius: 5px;*/
    text-align: center;
    font-weight: bold;
    font-size: 1.3em;
    color: white;
    border-top: 1px solid #fff;
}
.mybtnselect {
	height: 28px;	
}
/* ОБЪЕКТЫ конец */
/* СТРАНИЦА АДМИНИСТРАТОР начало*/
/* ОКНО СОЗДАТЬ ПОЛЬЗОВАТЕЛЯ начало*/
.mynewursersout {
    width: 400px;
    color: blue;
    background: beige;
    border-radius: 10px;
    padding: 5px;
    margin: 5px;
}
.mynewursersout .groupviewobjects {
    width: 95%;	
}
.mynewurseroutheader {
    height: 42px;
    background: lightgray;
    border-radius: 10px;
    margin-bottom: 5px;
}
.mynewurseroutheader {
	width: 100%;
	display: inline-flex;
}
.mynewurserheader {
    width: 100%;
    padding-top: 10px;
    padding-left: 10px;
    font-weight: bold;	
    font-size: 1.2em;	
}
.groupmynewuser label,input[type="text"],select {
	font-size: 1.2em;
}
.groupmynewuser input[type="text"] {
	width: 95%;
}
.groupmynewuser select {
	height: 32px;
}
.clserrorinput {
	border: 2px solid red !important;
}
@media (max-width: 548px) {
    
    .mynewursersout {
	    width: 100%;
	    margin: 1px;
	    
     }
}
/* ОКНО СОЗДАТЬ ПОЛЬЗОВАТЕЛЯ конец*/
.panelcreated {
	margin: 5px;
}
.panelcreated button {
	margin-left: 5px;
}
.myfieledkey {
		
}
.myfieledval,.myfieledvalerror {
	font-weight: bold;	
}
.myfieledval {
	color: black;	
}

.myfieledvalerror {
	color: red;
}
/* ТАБЛИЦА ПОЛЬЗОВАТЕЛЕЙ НАЧАЛО */
.admintableusers,.admintableobjects {
    border-radius: 6px;
    padding: 0px;
    /*border: 5px solid blue;*/
    width: fit-content;
}
.userstable {
	border: 2px solid gray;	
	padding: 5px;
	color: black;
}
.userstable thead th {
  background: gainsboro;
  padding: 5px;
  color: darkgreen;
}
.userstable tbody {
  padding: 5px;
  color: #004b8d;
  overflow: scroll;
  height: 100px  !important;
}
.userstable tbody td {
  padding: 5px;
  color: #004b8d;
}

.userstable tbody tr:nth-child(odd) {
  background-color: #FFFFFF;
}

.userstable tbody tr:nth-child(even) {
  background-color: lightgray;
}
.mybuttontableusers {
	border-radius: 5px;
}
.admintableusers,.admintableobjects {
	margin-top: 5px;
}
/* ТАБЛИЦА ПОЛЬЗОВАТЕЛЕЙ КОНЕЦ */
/* ОКНО СОЗДАНИЯ ДАТЧИКА НАЧАЛО */
.groupmynewobject input[type="text"] {
	/*width: 95%;*/
}
.groupmynewobject label {
    font-size: 1.2em;
    margin-top: 3px;
    margin-right: 5px;
}
/* ОКНО СОЗДАНИЯ ДАТЧИКА КОНЕЦ */
/* ТАБЛИЦА ДАТЧИКОВ НАЧАЛО */
.objectstable {
	border: 2px solid gray;	
	padding: 5px;
	color: black;
}
.objectstable thead th {
  background: gainsboro;
  padding: 5px;
  color: darkgreen;
}
.objectstable tbody {
  padding: 5px;
  color: #004b8d;
  overflow: scroll;
  height: 100px  !important;
}
.objectstable tbody td {
  padding: 5px;
  color: #004b8d;
}

.objectstable tbody tr:nth-child(odd) {
  background-color: #FFFFFF;
}

.objectstable tbody tr:nth-child(even) {
  background-color: lightgray;
}
/* ТАБЛИЦА ДАТЧИКОВ КОНЕЦ */
/* СТРАНИЦА АДМИНИСТРАТОР конец*/

/* Страница Погода Розы ветров начало */
.clsroze {
	border-radius: 10px;
	background: dimgrey;
	padding: 5px;
}
.clsroze button {
    border-radius: 10px;
    width: 150px;
    height: 200px;
    margin: 5px;
}
.clsroze button.myobjectrozewind {
    /*border: 5px solid #f7a69d;*/
    border: 5px solid #941208;
}
.clsroze button.myobjectrozewave {
    /*border: 5px solid greenyellow;*/
    border: 5px solid darkolivegreen;
}
.clsroze button.myobjectrozewavelong {
    /*border: 5px solid greenyellow;*/
    border: 5px solid darkolivegreen;
}
.clsroze button.myobjectrozemc {
    /*border: 5px solid cornflowerblue;*/
    border: 5px solid blue;
}
.clsroze button.myobjectrozegydro {
    /*border: 3px solid lightgreen;*/
    border: 3px solid green;
}
.clsroze button.myobjectrozegydrour {
    /*border: 5px solid gray;*/
}
.clsroze button.myobjectrozewind:hover {
    background: darkgray;
}
.clsroze button.myobjectrozewave:hover {
    background: darkgray;
}
.clsroze button.myobjectrozewavelong:hover {
    background: darkgray;
}
.clsroze button.myobjectrozemc:hover {
   background: darkgray;
}
.clsroze button.myobjectrozegydro:hover {
   background: darkgray;
}
.clsroze button.myobjectrozegydrour:hover {
    background: darkgray;
}
.clsroze button div.mybody {
    
    font-weight: bold;
    height: 70px;
}
.clsroze button div#idrozefooter {
    
    border: 1px solid gray;
    border-radius: 3px;
    font-weight: bold;
    font-size: 1.2em;
}
.rozegraphtable {
    position: fixed;
    top: 50px;
}
#idrozeheader {
	min-height: 35.56px;
}
/* Страница Погода Розы ветров конец */

.clsvalcrit {
	/*color: red  !important;*/
	font-weight: bold;
	/*color: white !important;*/
	background: red !important;
}
.clsvalok {
	/*color: black !important;*/
	color: black !important;
	font-weight: bold;
}
.clsvaloklast {
	color: white !important;
	font-weight: bold;
}
.myclose {
    background: red;
    width: 32px;
    height: 23px;
    float: right;
    border-radius: 6px;
    margin-left: 3px;
    text-align: center;
    font-size: 1.25em;
    font-weight: bold;
    padding-top: 6px;
}
.gradcolor {
	width: 100%;
	color: white;
	text-align: center;
	font-size: 1.5em;
	margin-left: auto;
	margin-top: auto;
}
.gradcolor table {
	width: 90%;
}

.clstablegraph .containerwind,.containerwave,.containerwavelong,.containermc,.containergydro,.containergydro3ur {
	column-count: 1;
	
	/*
	grid-template-columns: 1fr 1fr;
  	grid-template-rows: auto auto;
  	grid-auto-rows: 244px;
  	min-height: 300px;
  	display: grid;
  	grid-gap: 10px;
  	*/
}
@media (max-width: 548px) {
    
    .clstablegraph .containerwind,.containerwave,.containerwavelong,.containermc,.containergydro,.containergydro3ur {
	column-count: 1;
	display: block;
    }
}

.windgroup, .wavegroup,.gydrogroup, .wavelonggroup,.gydro3urgroup, .mcgroup {
	border: 2px solid #fff;
	border-radius: 10px;
	padding: 5px;
	margin-bottom: 5px;
	background: #1c1c1c;
	/*height: 262px;*/
}

.gydrogroup, .mcgroup {
	border: 2px solid #fff;
	border-radius: 10px;
	padding: 5px;
	margin-bottom: 5px;
	background: #1c1c1c;
	/*height: 425px;*/
}

.windheader {
font-size: 1.2em;
    font-weight: bold;
    /*border: 1px solid lightgray;*/
    border-radius: 5px;
    /*background-color: lightgray;*/
    padding: 3px;
    margin-bottom: 5px;
    color: #fff;
}
.clshight21px {
	height: 21px;
}

#chart .bb-title tspan:first-child { font-size: 1.2em; font-weight: bold; }
.mywidth100pr {
	width: 99.80%;
}
.mywidth50pr {
	width: 49.8%;
	margin: 5px;
}
.mychart {
	/*height: 265px;*/
	height: 155px;
}
.mychartmc {
	height: 165px;
	border: 1px solid gray;
}
.mytable,.mytablenew, .arhivmytablewind, .arhivmytablewave, .arhivmytablemc, .arhivmytablegydro, .arhivmytablegydro3ur {
    overflow: auto;
    /*height: 250px;*/
    height: 165px;
}

.mytablemc {
    overflow: auto;
    height: 348px;
}
.mytablemctable {
    overflow: auto;
    height: 348px;
}
.mytablewindtable {
    overflow: auto;
    height: 250px;
}
.mytablewind {
	width: 300px;
	overflow: auto;
    	/*height: 250px;*/
    height: 165px;
}
.mytablemc {
	width: 500px;
	margin-top: 6px;
}
.mytablewave {
	width: 250px;
	overflow: auto;
    /*height: 250px;*/
    height: 165px;
}
.mytablegydro3ur {
	overflow: auto;
    /*height: 250px;*/
    height: 165px;
}
/* для архива начало */
.arhivmytablewind {
    width: 300px;
}
.arhivmytablewave {
    width: 250px;
}
.arhivmytablemc {
    width: 500px;
}
.arhivmytablegydro {
    width: 340px;
}
.arhivmytablegydro3ur {
    width: 420px;
}
/* для архива конец */
.mywidth500px {
	width: 500px;
}

.pagearhivinheader {
  
  border-bottom: 1px solid #fff;
  
}

.mymargintop6px {
	margin-top: 6px;
}
.myrow {
	display: inline-flex;
	margin: 2px;
}
.myhideblock {
	display: none !important;
}
.myshowblock {
	display: block !important;
}
/* ВЕТЕР */
/*светлая тема*/

.windtable th:nth-child(1) {
    width: 145px;
    background: #808080;
    color: white;
    border: 1px solid white;
    text-align: center;
} 
.windtable th:nth-child(2) {
    width: 80px;
    background: #5abe94;
    color: white;
    border: 1px solid white;
    text-align: center;
}  
.windtable th:nth-child(3) {
    width: 50px;
    background: #0b9ddc;
    color: white;
    border: 1px solid white;
    text-align: center;
} 
.windtable th:nth-child(4) {
    width: 50px;
    background: #ff5687;
    color: white;
    border: 1px solid white;
    text-align: center;
}
.windtable td:nth-child(1) {
    background: #f3f3f3;
    color: black;
    border: 1px solid white;
    text-align: center;
}
.windtable td:nth-child(2) {
    background: #e7f6f1;
    color: black;
    border: 1px solid white;
    text-align: center;
}
.windtable td:nth-child(3) {
    background: #edf3ff;
    color: black;
    border: 1px solid white;
    text-align: center;
}
.windtable td:nth-child(4) {
    background: #ffecf3;
    color: black;
    border: 1px solid white;
    text-align: center;
}

/* ВОЛНА */
/*светлая тема*/

.wavetable th:nth-child(1) {
    width: 145px;
    background: #808080;
    color: white;
    border: 1px solid white;
    text-align: center;
} 
.wavetable th:nth-child(2) {
    width: 50px;
    background: #5abe94;
    color: white;
    border: 1px solid white;
    text-align: center;
} 
.wavetable th:nth-child(3) {
    width: 50px;
    background: #ff5687;
    color: white;
    border: 1px solid white;
    text-align: center;
}
.wavetable td:nth-child(1) {
    background: #f3f3f3;
    color: black;
    border: 1px solid white;
    text-align: center;
}
.wavetable td:nth-child(2) {
    background: #edf3ff;
    color: black;
    border: 1px solid white;
    text-align: center;
}
.wavetable td:nth-child(3) {
    background: #ffecf3;
    color: black;
    border: 1px solid white;
    text-align: center;
}
/* МС */

/*светлая тема*/
.mctable {
	width: 100%;
}
.mctable th:nth-child(1) {
    width: 145px;
    background: #808080;
    color: white;
    border: 1px solid white;
    text-align: center;
} 
.mctable th:nth-child(2) {
    width: 80px;
    background: #0b9ddc;
    color: white;
    border: 1px solid white;
    text-align: center;
}  
.mctable th:nth-child(3) {
    width: 70px;
    background: #ff5687;
    color: white;
    border: 1px solid white;
    text-align: center;
} 
.mctable th:nth-child(4) {
    width: 50px;
    background: #5abe94;
    color: white;
    border: 1px solid white;
    text-align: center;
}
.mctable th:nth-child(5) {
    width: 70px;
    background: lightcoral;
    color: white;
    border: 1px solid white;
    text-align: center;
}
.mctable td:nth-child(1) {
    background: #f3f3f3;
    color: black;
    border: 1px solid white;
    text-align: center;
}
.mctable td:nth-child(2) {
    background: #edf3ff;
    color: black;
    border: 1px solid white;
    text-align: center;
}
.mctable td:nth-child(3) {
    background: #ffecf3;
    color: black;
    border: 1px solid white;
    text-align: center;
}
.mctable td:nth-child(4) {
    background: #edf3ff;
    color: black;
    border: 1px solid white;
    text-align: center;
}
.mctable td:nth-child(5) {
    background: #f3f3f3;
    color: black;
    border: 1px solid white;
    text-align: center;
}

/* GYDRO */

/*светлая тема*/
.gydrotable {
	width: 100%;
}
.gydrotable th:nth-child(1) {
    width: 115px;
    background: #808080;
    color: white;
    border: 1px solid white;
    text-align: center;
} 
.gydrotable th:nth-child(2) {
    width: 80px;
    background: #5abe94;
    color: white;
    border: 1px solid white;
    text-align: center;
}  
.gydrotable th:nth-child(3) {
    width: 70px;
    background: brown;
    color: white;
    border: 1px solid white;
    text-align: center;
} 
.gydrotable th:nth-child(4) {
    width: 50px;
    background: #0b9ddc;
    color: white;
    border: 1px solid white;
    text-align: center;
}
.gydrotable th:nth-child(5) {
    width: 70px;
    background: #ff5687;
    color: white;
    border: 1px solid white;
    text-align: center;
}
.gydrotable td:nth-child(1) {
    background: #f3f3f3;
    color: black;
    border: 1px solid white;
    text-align: center;
}
.gydrotable td:nth-child(2) {
    background: #edf3ff;
    color: black;
    border: 1px solid white;
    text-align: center;
}
.gydrotable td:nth-child(3) {
    background: #ffecf3;
    color: black;
    border: 1px solid white;
    text-align: center;
}
.gydrotable td:nth-child(4) {
    background: #edf3ff;
    color: black;
    border: 1px solid white;
    text-align: center;
}
.gydrotable td:nth-child(5) {
    background: #ffecf3;
    color: black;
    border: 1px solid white;
    text-align: center;
}
/* GYDRO3UR */

/*светлая тема*/
.gydro3urtable {
	width: 100%;
}
.gydro3urtable th:nth-child(1) {
    width: 145px;
    background: #808080;
    color: white;
    border: 1px solid white;
    text-align: center;
} 
.gydro3urtable th:nth-child(2) {
    width: 80px;
    background: #0b9ddc;
    color: white;
    border: 1px solid white;
    text-align: center;
}  
.gydro3urtable th:nth-child(3) {
    width: 70px;
    background: orange;
    color: white;
    border: 1px solid white;
    text-align: center;
} 
.gydro3urtable th:nth-child(4) {
    width: 50px;
    background: brown;
    color: white;
    border: 1px solid white;
    text-align: center;
}
.gydro3urtable th:nth-child(5) {
    width: 110px;
    background: #ff5687;
    color: white;
    border: 1px solid white;
    text-align: center;
}
.gydro3urtable td:nth-child(1) {
    background: #f3f3f3;
    color: black;
    border: 1px solid white;
    text-align: center;
}
.gydro3urtable td:nth-child(2) {
    background: #edf3ff;
    color: black;
    border: 1px solid white;
    text-align: center;
}
.gydro3urtable td:nth-child(3) {
    background: #ffecf3;
    color: black;
    border: 1px solid white;
    text-align: center;
}
.gydro3urtable td:nth-child(4) {
    background: #edf3ff;
    color: black;
    border: 1px solid white;
    text-align: center;
}
.gydro3urtable td:nth-child(5) {
    background: #ffecf3;
    color: black;
    border: 1px solid white;
    text-align: center;
}
/* карта начало */
.mapmodule {
	height: 888px;
}
.mapout {
	border: 5px solid black;
	border-radius: 20px;
	padding: 5px;
	
	 
}
#map {
	height: 858px;
}
#mapadmin {
	width: 500px;
	height: 490px;
}
@media (max-width: 548px) {
    
    .mapout {width: 404px; height: 620px;}
    #map,#mapadmin {width: 404px; height: 620px; }
  
  	
  .gradcolor {
   
    font-size: 0.7em;
    
  }
  
  .groupviewports {
  	width: 99%;
  }
  
  .mylistportsout {
  	width: 99%;
  
  }
  /*
  .mycontainer .groupviewmodules {

      font-size: 0.6em;

  }
  
  .mycontainer .groupviewmodules input[type="checkbox"]{

      font-size: 0.7em;

  }
  	*/
  	
}

/* карта конец */
.containerfodialog {
	position: fixed;
	z-index:1000;
	top: 200px;
	left: 300px;
	background: white;
	color: blue;
	width: 380px;
	/*height: 250px; */   
	border: 2px solid gray;
	border-radius: 10px;
	padding: 5px;
	font-size: 1.3em;
}
.myheader {
	border: 1px solid blue;
	background: #536a7a;
	padding: 5px;
	color: white;
}
.myrowdialog {
	padding: 5px;
}
.mykey {
	width: 230px;
	text-align: right;
}
.myval {
	font-weight: bold;
}
.myhaligncenter {
	margin-left: auto;
	margin-right: auto;	
}

/*темная тема*/
/*
.windtable {
	height: 120px;
	margin-top: 0px;
	text-align: center;
	border: 0px solid white;
	color: white;
}
.windtable th:nth-child(1) {
	width: 165px;
	background: #646263;
	color: white;
	border: 1px solid white;
}
.windtable th:nth-child(2) {
	width: 80px;
	background: #008067;
	color: white;
	border: 1px solid white;
	
}
.windtable th:nth-child(3) {
	width: 50px;
	background: #0e79a7;
	color: white;
	border: 1px solid white;
}
.windtable th:nth-child(4) {
	width: 50px;
	background: #de235a;
	color: white;
	border: 1px solid white;
}
.windtable td:nth-child(1) {
	background: #817f80;
	color: white;
	border: 1px solid white;
}
.windtable td:nth-child(2) {
	background: #63ba9a;
	color: white;
	border: 1px solid white;
}
.windtable td:nth-child(3) {
	background: #1498e0;
	color: white;
	border: 1px solid white;
}
.windtable td:nth-child(4) {
	background: #e782a0;
	color: white;
	border: 1px solid white;
}
*/
.mysquar32x32 {
	width: 32px;
	height: 32px;
	
}
.mypanelsetup input[type="color"] {
	top: -8px;
	height: 32px;
	width: 32px;
	position: relative;
}
#idcolorbg {
	background-color: #cd5d5c;
	border: 1px solid black;
}
#idcolorcolor {
	background-color: #ffffff;
	border: 1px solid black;
}
.myheaderperiod {
	/*background-color: #27465a;*/
	border: 1px solid black;
	font-size: 1.2em;
}
.myheaderperiod span {
	color: white;

}
.myheaderperiod {
	padding: 5px;
	text-align: center;
}
.myshowperiod, .myinputperiod {
	padding: 5px;
	text-align: center;
}
.myinputperiod input[type="date"] {
	width: 120px;
}