/*-------------------
    Column Width
--------------------*/

/* Sizing Combinations */

.ui.grid > .row > [class*="one wide"].column,
.ui.grid > .column.row > [class*="one wide"].column,
.ui.grid > [class*="one wide"].column,
.ui.column.grid > [class*="one wide"].column, 
.ui.grid > .row > [class*="wide column one"].column,
.ui.grid > .column.row > [class*="wide column one"].column,
.ui.grid > [class*="wide column one"].column,
.ui.column.grid > [class*="wide column one"].column 
{
  width: 6.25% !important;
}

.ui.grid > .row > [class*="two wide"].column,
.ui.grid > .column.row > [class*="two wide"].column,
.ui.grid > [class*="two wide"].column,
.ui.column.grid > [class*="two wide"].column, 
.ui.grid > .row > [class*="wide column two"].column,
.ui.grid > .column.row > [class*="wide column two"].column,
.ui.grid > [class*="wide column two"].column,
.ui.column.grid > [class*="wide column two"].column 
{
  width: 12.5% !important;
}

.ui.grid > .row > [class*="three wide"].column,
.ui.grid > .column.row > [class*="three wide"].column,
.ui.grid > [class*="three wide"].column,
.ui.column.grid > [class*="three wide"].column,
.ui.grid > .row > [class*="wide column three"].column,
.ui.grid > .column.row > [class*="wide column three"].column,
.ui.grid > [class*="wide column three"].column,
.ui.column.grid > [class*="wide column three"].column {
  width: 18.75% !important;
}

.ui.grid > .row > [class*="four wide"].column,
.ui.grid > .column.row > [class*="four wide"].column,
.ui.grid > [class*="four wide"].column,
.ui.column.grid > [class*="four wide"].column {
  width: 25% !important;
}

.ui.grid > .row > [class*="five wide"].column,
.ui.grid > .column.row > [class*="five wide"].column,
.ui.grid > [class*="five wide"].column,
.ui.column.grid > [class*="five wide"].column {
  width: 31.25% !important;
}

.ui.grid > .row > [class*="six wide"].column,
.ui.grid > .column.row > [class*="six wide"].column,
.ui.grid > [class*="six wide"].column,
.ui.column.grid > [class*="six wide"].column {
  width: 37.5% !important;
}

.ui.grid > .row > [class*="seven wide"].column,
.ui.grid > .column.row > [class*="seven wide"].column,
.ui.grid > [class*="seven wide"].column,
.ui.column.grid > [class*="seven wide"].column {
  width: 43.75% !important;
}

.ui.grid > .row > [class*="eight wide"].column,
.ui.grid > .column.row > [class*="eight wide"].column,
.ui.grid > [class*="eight wide"].column,
.ui.column.grid > [class*="eight wide"].column {
  width: 50% !important;
}

.ui.grid > .row > [class*="nine wide"].column,
.ui.grid > .column.row > [class*="nine wide"].column,
.ui.grid > [class*="nine wide"].column,
.ui.column.grid > [class*="nine wide"].column {
  width: 56.25% !important;
}

.ui.grid > .row > [class*="ten wide"].column,
.ui.grid > .row > [class*="wide column ten"].column,
.ui.grid > .column.row > [class*="ten wide"].column,
.ui.grid > .column.row > [class*="wide column ten"].column,
.ui.grid > [class*="ten wide"].column,
.ui.grid > [class*="wide column ten"].column,
.ui.column.grid > [class*="ten wide"].column
.ui.column.grid > [class*="wide column ten"].column {
  width: 62.5% !important;
}

.ui.grid > .row > [class*="eleven wide"].column,
.ui.grid > .column.row > [class*="eleven wide"].column,
.ui.grid > [class*="eleven wide"].column,
.ui.column.grid > [class*="eleven wide"].column {
  width: 68.75% !important;
}

.ui.grid > .row > [class*="twelve wide"].column,
.ui.grid > .column.row > [class*="twelve wide"].column,
.ui.grid > [class*="twelve wide"].column,
.ui.column.grid > [class*="twelve wide"].column {
  width: 75% !important;
}

.ui.grid > .row > [class*="thirteen wide"].column,
.ui.grid > .column.row > [class*="thirteen wide"].column,
.ui.grid > [class*="thirteen wide"].column,
.ui.column.grid > [class*="thirteen wide"].column {
  width: 81.25% !important;
}

.ui.grid > .row > [class*="fourteen wide"].column,
.ui.grid > .column.row > [class*="fourteen wide"].column,
.ui.grid > [class*="fourteen wide"].column,
.ui.column.grid > [class*="fourteen wide"].column {
  width: 87.5% !important;
}

.ui.grid > .row > [class*="fifteen wide"].column,
.ui.grid > .column.row > [class*="fifteen wide"].column,
.ui.grid > [class*="fifteen wide"].column,
.ui.column.grid > [class*="fifteen wide"].column {
  width: 93.75% !important;
}

.ui.grid > .row > [class*="sixteen wide"].column,
.ui.grid > .column.row > [class*="sixteen wide"].column,
.ui.grid > [class*="sixteen wide"].column,
.ui.column.grid > [class*="sixteen wide"].column,
.ui.grid > .row > [class*="wide column sixteen"].column,
.ui.grid > .column.row > [class*="wide column sixteen"].column,
.ui.grid > [class*="wide column sixteen"].column,
.ui.column.grid > [class*="wide column sixteen"].column {
  width: 100% !important;
}


.ui.primary.buttons .button,
.ui.primary.button {
  background-color: #54B8E6;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.primary.buttons .button:hover,
.ui.primary.button:hover {
  background-color: #65BFE8;
  color: #FFFFFF;
  text-shadow: none;
}

.ui.primary.buttons .button:focus,
.ui.primary.button:focus {
  background-color: #5CBBE7;
  color: #FFFFFF;
  text-shadow: none;
}

.ui.primary.buttons .button:active,
.ui.primary.button:active {
  background-color: #7EC9EC;
  color: #FFFFFF;
  text-shadow: none;
}

.ui.primary.buttons .active.button,
.ui.primary.buttons .active.button:active,
.ui.primary.active.button,
.ui.primary.button .active.button:active {
  background-color: #7EC9EC;
  color: #FFFFFF;
  text-shadow: none;
}

.ui.basic.primary.buttons .button,
.ui.basic.primary.button {
  -webkit-box-shadow: 0px 0px 0px 1px #2185D0 inset !important;
  box-shadow: 0px 0px 0px 1px #2185D0 inset !important;
  color: #54B8E6 !important;
}

.ui.basic.primary.buttons .button:hover,
.ui.basic.primary.button:hover {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #1678c2 inset !important;
  box-shadow: 0px 0px 0px 1px #1678c2 inset !important;
  color: #65BFE8 !important;
}

.ui.basic.primary.buttons .button:focus,
.ui.basic.primary.button:focus {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #0d71bb inset !important;
  box-shadow: 0px 0px 0px 1px #0d71bb inset !important;
  color: #65BFE8 !important;
}

.ui.basic.primary.buttons .active.button,
.ui.basic.primary.active.button {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 0px 1px #1279c6 inset !important;
  box-shadow: 0px 0px 0px 1px #1279c6 inset !important;
  color: #7EC9EC !important;
}

.ui.basic.primary.buttons .button:active,
.ui.basic.primary.button:active {
  -webkit-box-shadow: 0px 0px 0px 1px #1a69a4 inset !important;
  box-shadow: 0px 0px 0px 1px #1a69a4 inset !important;
  color: #7EC9EC !important;
}

.ui.inverted.primary.buttons .button,
.ui.inverted.primary.button {
  background-color: transparent;
  -webkit-box-shadow: 0px 0px 0px 2px #54B8E6 inset !important;
  box-shadow: 0px 0px 0px 2px #54B8E6 inset !important;
  color: #54B8E6;
}


.ui.inverted.primary.buttons .button:hover,
.ui.inverted.primary.button:hover {
  background-color: #65BFE8;
}

.ui.inverted.primary.buttons .button:focus,
.ui.inverted.primary.button:focus {
  background-color: #5CBBE7;
}

.ui.inverted.primary.buttons .active.button,
.ui.inverted.primary.active.button {
  background-color: #7EC9EC;
}

.ui.inverted.primary.buttons .button:active,
.ui.inverted.primary.button:active {
  background-color: #7EC9EC;
}

i.primary.icon {
  color: #54B8E6 !important;
}

.ui.primary.labels .label,
.ui.primary.label {
  background-color: #54B8E6 !important;
  border-color: #54B8E6 !important;
  color: #FFFFFF !important;
}

.ui.primary.inverted.labels .label,
.ui.primary.inverted.label {
  background-color: #FFF !important;
  border-color: #54B8E6 !important;
  color: #54B8E6 !important;
}

.ui.inverted.menu .red.active.item,
.ui.inverted.primary.menu {
  background-color: #54B8E6;
}

.ui.primary.statistics .statistic > .value,
.ui.statistics .primary.statistic > .value,
.ui.primary.statistic > .value {
  color: #54B8E6;
}

.ui.toggle.checkbox input:checked ~ .box:before,
.ui.toggle.checkbox.primary input:checked ~ label:before {
  background-color: #54B8E6 !important;
}

.ui.toggle.checkbox input:focus:checked ~ .box:before,
.ui.toggle.checkbox.primary input:focus:checked ~ label:before {
  background-color: #54B8E6 !important;
}

.primary-color { color: #54B8E6; }

.ui.primary.table { border-top: .2em solid #54B8E6 }
.ui.inverted.primary.table { background-color: #54B8E6 !important; color: #fff !important }

.ui.toggle.checkbox input:checked ~ .box:before, .ui.toggle.checkbox input:checked ~ label:before {  background-color: #54B8E6 !important; }


.ui.basic.table.primary th { background: #54B8E6; color: #FFF; }
.ui.basic.table.primary th:hover { background: #FFF; color: #54B8E6; }
.ui.sortable.table.primary thead th.sorted { color: #54B8E6; background: #FFF; }
.ui.basic.table.selectable.primary tr:hover td { background: #FFFEC9; }

.ui.color.primary { color: #54B8E6; }